vuex的简单使用

第一、

在src下新建store文件夹，不是必须的，但是个人建议创建。

并新建一下几个js文件。

 

第二、

在main,js中引入store文件。

 

第三、

在store文件下的index.js中，定义变量，并且需要导出，提供给后续使用。

实例化之后，将会挂载在vue实例中。

 

第四、

新建一个模板，进行展示。

 

第五、

对count进行添加或者减少，添加模板。

 

对应的，添加事件，方法。在这里，也可以调用vuex提供的辅助函数。以下在详细描述。

去掉用mutations.js中定义的方法。可以定义在store/index.js中。

至此，我们就完成了数字的加减。

 

 

 

mapState的应用：

1、首先引进mapState，利用计算属性，来获取返回的数据。与之前的展示方式成为了一个对比。

 

 

mapMutations的应用：

1、引入mapMutations，加入其方法名称就可以了。

 

mapGetters的应用：

1、引入mapGetters，

在getters中，加入方法。并在计算属性中使用。

在store/index中引入getters中。

 

mapActions的应用：

1、在模板中引入mapActions，在方法中使用

2、创建actions文件，去调用mutations中的方法。

3、将store/index文件中，引入actios文件，并导出。