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. 提交状况只管根据规范写法来提交，不要直接修正状况