vuex：弄懂mapState、mapGetters、mapMutations、mapActions

一、vuex核心概念

1、state：类似于vue中的data。mapState辅助函数用来将state中的值映射到vue的computed属性中，mapState在vue中使用。

2、getter：类似于vue中的计算属性

3、Mutation：类似于vue中的methods。mutations需要在vue中通过commit来调用其里面的方法，commit可以传入参数，第一个参数是state，第二个参数是载荷（payLoad），vuex中mutations的接收这两个参数。

4、actions：action类似于mutation。

区别：action可以提交mutation。action也不要直接去操作state，而是去操作mutation。action包含异步操作，类似于axios请求，可以都放在action中写。action中的方法默认的就是异步，并且返回promise

5、Module：由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了这个上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块

 

二、vue的一些概念

1、Prop：使用Prop传递数据
组件实例的作用域是孤立的。这意味着不能(也不应该)在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，我们需要通过子组件的props选项。子组件要显式地用 props 选项声明它期待获得的数据

 

三、弄懂mapState、mapGetters、mapMutations、mapActions：https://zhuanlan.zhihu.com/p/100941659

 

四、参考文档

vue入门手册：https://www.kancloud.cn/dataoedu/vue/327528

vuex文档：https://vuex.vuejs.org/zh/

vue文档：https://cn.vuejs.org/v2/guide/