vuex基础运用和相干范例
- dispatch提交action,commit提交mutation。dispatch是异步,commit 是同步
- 经由过程运用,import和mapActions 可以猎取action的要领而且可以直接挪用或重命名挪用
- 只许可经由过程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()
发起
- vuex虽然运用起来迥殊轻易,然则关于小型项目,组件分别不要太细
- 提交状况只管根据规范写法来提交,不要直接修正状况