vuex的理解
export default new Vuex.Store({
// 1、state: 唯一存放数据的地方
state: {
},
// 2、getters: 唯一存放派生数据的地方
// 派生数据 === 计算属性
getters: {
},
// 3、mutations: 唯一修改state数据的地方(存放着各种函数,类似于组件中的methods)
mutations: {
},
// 4、actions: 唯一处理异步操作的地方(存放异步的操作)
// ps: 处理完成得到结果后,通过commit来调用mutations中的方法
actions: {
},
// 5、modules: 存放着其他子仓库的调用
modules: {
// U: user,
}
})
vuex的工作流程就是:
(1)通过dispatch去提交一个actions
(2) actions接收到这个事件之后,在actions中可以执行一些异步|同步操作,根据不同的情况去分发给不同的mutations
(3)actions通过commit去触发mutations
(4)mutations去更新state数据,state更新之后,就会通知vue进行渲染