目录
第一步先记住这张图
第二步根据这张图的内容记住vuex的3大核心概念
- Actions
- Mutations
- State
解析上图
VueComponents也就是vue的组件,什么叫组件,可以查看每天一个保姆级VUE案例
VueComponents我们简称vc,vc会调用dispatch方法,
在此案例中count.vue是一个组件,在组件中调用了dispatch方法,通过声明的方式传参和调用Actions中的方法
调用Actions中的jiaOdd的方法,在Actions中会将处理好的数据通过commit方法传递给mutations这个对象
mutations收到Actions的调用后就会设置state中的数据
整个数据流的走向就如同上图所示
到了getter这个属性就是相当于是计算属性,专门用于对state处理如下例子
只是作为一个值输出,不涉及设置值的操作
mutations定义的函数的参数都有一个state,表示store里的整个state数据,同步加载
actions定义的函数里的参数是content,代表整个store对象,用于异步加载