什么是vuex
什么情况使用
一般页面层级较多或者组件之间没有关系的就可以使用vuex,如果只是父子组件,那么应该使用的是父子组件通信。
单页面的状态管理
其实就是data(数据)/state(状态),action(行为),view(展示)
多界面状态管理
vuex的几个固定属性
状态管理图例解释
注意
- 提交mutation使用的是 this.$store.commit() 提交
- vuex的actions使用的是 this.$store.dispatch() 提交,vuex的dispatch可以返回一个promise对象 --> 写在actions里面
- vuex的mapGetters的两种写法,见:ShopCart.vue;对象–>重定义名字;数组 --> 直接使用 [mapGetters映射vuex的getters方法 ] ,见:https://github.com/pbw-langwang/VueDirectorySpecification-mall
- vuex的mapActions,见:Detail.vue,和上面基本一致 [mapActions映射vuex的actions方法]
案例