一.首先vuex我们可以理解为一个存储数据的地方,并且在任何页面都可以获取vuex中的数据(无视关系,共享数据)
二.一般公司的项目都会分模块进行管理vuex中的数据
三.首先先了解vuex中的五个属性
- state 单一状态 (类似data)
- mutations 唯一修改state中数据的地方
- actions 异步请求
- geteers vuex计算属性
- modules 模块拆分
四.如何访问数据
1.访问state中数据(this.$store)
2.访问mutations中的方法(this.$store.commit('方法名'))
3.访问actions中的方法(this.$store.dispatch('方法名'))
五.使用mapState,mapMutations,mapActions
1.mapState
computed:{ ...mapState('模块名',['data']) }
2.mapMutations
methods:{ ...mapMutations('模块名',['方法名']) }
<button @click='方法名'>加一</button>
3.mapActions
methods:{ ...mapActions('模块名',['方法名']) }
<button @click='方法名'>加一</button>
