Vuex 小tip

vuex基础运用和相干范例

  1. dispatch提交action,commit提交mutation。dispatch是异步,commit 是同步
  2. 经由过程运用,import和mapActions 可以猎取action的要领而且可以直接挪用或重命名挪用
  3. 只许可经由过程mutation 来变动state的状况(内容)

官方Action引见

action引见

    import {
        mapActions
    } from 'vuex'
    
    ...mapActions({
        getListsData: 'getListsData'
    })

运用的相干小技能

  • 可以经由过程this.$store.state.这类要领取到state内里的值并举行修正(不引荐)
  • dispatch和commit的时刻,第二个参数可以带一个载荷,这是一个json,且不许可有第三个参数
  • 平常将数据请求写在action中,假如对数据衬着有先后顺序的请求,可以将全部请求用promise return
    getShopData({ commit }, resData) {
        return axios.post(url, resData).then((res) => {
            commit('getShopData', res)
            commit('displayPoints')
            commit('setShopScore', res.data.shopDetail.recommendScore)
            commit('getShopDetailIntro')
        })
    }
  • 这类要领平常是和页面直接引入action函数时连用
    _this.getShopData().then()

发起

  1. vuex虽然运用起来迥殊轻易,然则关于小型项目,组件分别不要太细
  2. 提交状况只管根据规范写法来提交,不要直接修正状况
    原文作者:风吹一个大耳东
    原文地址: https://segmentfault.com/a/1190000012915761
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞