关于 vuex 的使用忠告

第一、看明白这张图在说话

　　

　　简单解释一下，actions接收到components的行为后actions请求api 等获取数据，提交到mutations，然后mutations中才改变state ，反映到视图中。进而完成状态的管理。简单吧。

第二、另外两个核心内容

getter （当状态在多个component中都在进行相同的处理的时候使用），

module（把store 分割成模块，每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块，解决store对象臃肿的问题）

第三、state的获取方式

• 通过状态直接获取（不建议使用）

　　　computed: { msg() { return this.$store.state.msg } }

• 通过属性访问（getter 在通过属性访问时是作为 Vue 的响应式系统的一部分缓存其中的。）

　　computed: { msg() { return this.$store.getters.msg} }

• 通过方法访问（getter 在通过方法访问时，每次都会去进行调用，而不会缓存结果）

　　store.getters.getMsg(“合理使用参数”)

•  mapGetters辅助函数访问（mapGetters仅仅是将 store 中的 getter 映射到局部计算属性：）

　　computed: {...mapGetters([ 'msg'... ]) }

其他使用细节

　　改变数据只通过Action 提交（commit）到mutation中修改state

　　建议：在action中进行数据操作

　　getter中做数据过滤

以下非常非常重要：

　　只有在组件中需要共享的数据才使用vuex，不要什么都使用这个玩意

 

现在大概就这些