一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters

（上次记得关于vuex笔记 https://mit ，改变state的值 },

方法定义：

...mapActions({blogAdd: 'blogAdd' // blogAdd是定义的一个函数别名称，挂载在到this(vue)实例上，blogAdd 才是actions里面函数方法名称 })

d). mapGetter 仅仅是将 store 中的 getter 映射到局部计算属性：

html:

<h5>todos里面的信息</h5> <ul> <li v-for = "item in todosALise" :key="item.id"> 　　　　　　// <li v-for = "item in this.$store.state.todos" :key="item.id"> 这里就是直接读取store的值，没有做过滤操作，如果需要过滤。　　　　　　　　还需要单独写方法操作 <span>{{item.text}}</span> <br> <span>{{item.done}}</span> </li> </ul>

js:

...mapGetters({ todosALise: 'getToDo' // getToDo 不是字符串，对应的是getter里面的一个方法名字 然后将这个方法名字重新取一个别名 todosALise }),

这个 getToDo 是在getters 定义的一个方法，它将todos 里的对象属性done为true的之过滤出来

getToDo (state) { return state.todos.filter(item => item.done === true) // filter 迭代过滤器 将每个item的值 item.done == true 挑出来， 返回的是一个数组 }

上面代码操作后的效果截图：

总结：

mapState, mapGetters, mapActions, mapMutations 就是简化我们的一些 this.$store.state.* 的操作，将this.$store.* 里面的状态 映射到我们辅助函数的属性值里面
方便我们在组件中调用。