vuex通信

1. 简要介绍 Vuex 原理
   Vuex 实现了一个单向数据流，在全局拥有一个 State 存放数据，当组件要更改 State 中的数据时，必须通过 Mutation 进行，Mutation 同时提供了订阅者模式供外部插件调用获取 State 数据的更新。而当所有异步操作(常见于调用后端接口异步获取更新数据)或批量的同步操作需要走 Action，但 Action 也是无法直接修改 State 的，还是需要通过 Mutation 来修改 State 的数据。最后，根据 State 的变化，渲染到视图上。
   

state：
页面状态管理容器对象。集中存储 Vue components 中 data 对象的零散数据，
全局唯一，以进行统一的状态管理。页面显示所需的数据从该对象中进行读取，
利用 Vue 的细粒度数据响应机制来进行高效的状态更新。

mutations：状态改变操作方法，由 actions 中的commit('mutation 名称')来触发。
是 Vuex 修改 state 的唯一推荐方法。该方法只能进行同步操作，
且方法名只能全局唯一。操作之中会有一些 hook 暴露出来，以进行 state 的监控等。

actions：操作行为处理模块,由组件中的$store.dispatch('action 名称', data1)来触发。
然后由 commit()来触发 mutation 的调用 , 
间接更新 state。负责处理 Vue Components 接收到的所有交互行为。
包含同步/异步操作，支持多个同名方法，按照注册的顺序依次触发。
向后台 API 请求的操作就在这个模块中进行，
包括触发其他 action 以及提交 mutation 的操作。
该模块提供了 Promise 的封装，以支持 action 的链式触发。

dispatch：操作行为触发方法，是唯一能执行 action 的方法。

commit：状态改变提交操作方法。对 mutation 进行提交，是唯一能执行 mutation 的方法。

getters：state 对象读取方法。图中没有单独列出该模块，应该被包含在了 render 中，
Vue Components 通过该方法读取全局 state 对象。

Vue Components：Vue 组件。HTML 页面上，负责接收用户操作等交互行为，
执行 dispatch 方法触发对应 action 进行回应。