学习vuex

1、首先安装vuex

npm install vuex--save

2、新建一个vuex的文件夹，新建store.js文件

引入vue和vuex，然后引用

然后在vue页面里边引用store文件

用$store.state.count来引用变量

用$store.commit(' ')来调用方法

二、取值

如何取store.js里边得值；

不管方法几，html里边都这样取值

方法一：

通过computed的计算属性直接赋值

方法二：通过mapState的对象来赋值

方法三：通过mapState的数组来赋值

同样得记得也得同方法二一样，引入mapState：   import { mapState } from 'vuex'

方法四：扩展运算符，和方法三差不多

同样得记得也得同方法二一样，引入mapState：   import { mapState } from 'vuex'

三、模板获取Mutations方法

实际开发中我们也不喜欢看到$store.commit( )这样的方法出现，我们希望跟调用模板里的方法一样调用。

例如：@click=”reduce” 就和没引用vuex插件一样。

要达到这种写法，只需要简单的两部就可以了：

无论方法几，都需要这样做：

在模板count.vue里用import 引入我们的mapMutations：

方法一：在模板的<script>标签里添加methods属性，并加入mapMutations

方法二：扩展运算符写，这样method可以写多个方法

四、getters基本用法

进行一个计算属性的操作，就是在它输出前进行计算，自我感觉和mapState的用法差不多（我的想法可能有问题），都是在computed里边写

store。js的写法 这样调用的

五、actions异步修改状态

actions和之前讲的Mutations功能基本一样，不同点是，actions是异步的改变state状态，而Mutations是同步改变状态

例子如下：

actions下的方法

六、module模块组

1、不建议使用module，除非大型项目