Vuex实现state mutations actions getters

Vuex是什么？        

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

采用集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化，可以简单的将其看成把需要多个组件共享的变量全部存储在一个对象里面.

Vuex五大核心：

• State （包含了store中存储的各个状态）

• Getter （类似于Vue中的计算属性，获取state里面的数据）

• Mutation （用来改变store中状态，同步）

• Action （ commit()来触发 mutation 的调用，类似于Mutation, 但是是用来代替Mutation进行异步操作的）

• Module （模块）

Vuex示例图：

安装vuex:

npm install vuex --save

在src下创建store文件夹，并创建index.js和yxz.js

修改stroe/index.js:

main.js

App.vue

stroe/yxz.js