vuex中的state和mutation

1.安装依赖包 npm install  vuex@next --save  或者  yarn add vuex@next --save

 2.src目录下面新建一个vuex的文件夹，vuex文件夹里面新建一个store.js

3.定义数据并暴露出去

4.全局挂载vuex

 

5.在组件内使用vuex定义的数据  this.$store.state.count

 

或者可以直接在template模板中直接调用  {{$store.state.count}}

 

 

 6.在vuex目录下的store.js文件中，用mutations修改vuex中state的值

 7.在组件内执行vuex中mutation方法

 

8.vuex执行mutation并传值

 

 在组件内调用方法

 

 

 9.使用mapState 并遍历数组

在store.js文件中定义list数组

 在组mapState

使用mapState的两种方式

 

 

 在template模板中直接使用list