Vuex的使用

vuex是什么？

概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。

什么时候使用Vuex？（共享）

1.多个组件（A、B、C、D）依赖于同一状态（x）
2.来自不同组件的行为需要变更同一状态

Vuex工作原理

Vue Components：相当于客人；
Actions：动作、行为；本质上是一个obj对象；相当于服务员；
Mutations：修改、加工、维护；相当于后厨；
State：状态、数据；（本质是一个对象）；相当于做好的菜；

Dispatch：分发、派遣；

Vuex基本使用

1.初始化数据，配置actions、mutations、操作文件store.js
2.组件中读取vuex中数据：$store.state.sum

3.组件中修改vuex中的数据：$store.dispatch(‘actions中的方法名’,数据)或 $store.commit(‘mutations中的方法名’,数据）
PS:若没有网络请求或者其他业务逻辑，组件中也可以跳过actions，即不写dispatch，直接编写commit