1、详解:state存储数据;组件中可直接使用this.$store.state.xxx操作数据,但是会出现代码冗余,使用getters统一操作数据,组件调用即可;事件处理函数若涉及到state数据,我们也可以直接使用,而且由于是引用值,某个组件state改变,其它组件state也会随之改变,但有缺点,1.devtools上调试效果不好,2.store.js中开启严格模式后也会报错,vue中不允许在mutations中函数外操作数据,因此要使用mutations统一操作数据,等同于注册函数,组件触发即可;若遇到异步操作,使用mutations可实现,但调试效果不好,因此建议使用actions处理异步操作,间接触发mutations,从而处理state数据;
2、
Vue组件 -> Dispatch(); -> Actions -> Mutations -> state数据改变 -> render渲染数据 -> 形成闭环
Actions主要处理"异步过程",可省略;Backend API:异步API;Vue组件 -> Mutations -> state数据改变 -> render渲染数据 -> 形成闭环
Mutations可使用Vue Devtools查看;Vue Devtools必须翻墙才能成功下载;
参考网址:https://github.com/vuejs/vue-cli