使用vuex从入门到应用（二）

上一篇文章中已经了解了vuex的简单应用，这一篇我们来看一下拓展。先看效果图：

效果图

上一篇讲到的使用vuex中的变量需要在计算属性中return this.$store.state.count；出来，但是当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余，所以，这个时候就出现了mapState 辅助函数帮助我们生成计算属性。如图：

组件引入mapState

vuex文件代码

代码块中写了两种，一个以数组引入，一个以对象引入，还写了一个mapState与局部计算属性混合使用的例子。

一样，我们在组件中使用 this.$store.commit('xxx') 提交 mutation，也可以使用 mapMutations 辅助函数将组件中的 methods 映射为 store.commit 调用。首先要引入。代码如下：

组件中引入mapMutations

因为都是写的一些较为简单的例子，就没有把代码上传到github上，如果有需要的小伙伴，我可以上传一下，如果有报错的小伙伴欢迎大家一起研究。