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
网友评论