29 vuex状态管理

什么是vuex

什么情况使用

一般页面层级较多或者组件之间没有关系的就可以使用vuex，如果只是父子组件，那么应该使用的是父子组件通信。

单页面的状态管理

其实就是data（数据）/state（状态），action（行为），view（展示）

多界面状态管理

vuex的几个固定属性

状态管理图例解释

注意

1. 提交mutation使用的是 this.$store.commit() 提交
2. vuex的actions使用的是 this.$store.dispatch() 提交，vuex的dispatch可以返回一个promise对象 --> 写在actions里面
   
3. vuex的mapGetters的两种写法，见：ShopCart.vue；对象–>重定义名字；数组 --> 直接使用 [mapGetters映射vuex的getters方法 ] ，见：https://github.com/pbw-langwang/VueDirectorySpecification-mall
4. vuex的mapActions，见：Detail.vue，和上面基本一致 [mapActions映射vuex的actions方法]

案例