Vuex

Vuex的四个核心概念：

1.The state tree：Vuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。至此它便作为一个『唯一数据源(SSOT)』而存在。这也意味着，每个应用将仅仅包含一个 store 实例。单状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易地取得整个当前应用状态的快照。
2.Getters: 用来从 store 获取 Vue 组件数据。
3.Mutators: 事件处理器用来驱动状态的变化。
4.Actions: 可以给组件使用的函数，以此用来驱动事件处理器 mutations

vuex.png

从左到右，从组件出发，组件中调用 action，在 action 这一层级我们可以和后台数据交互，比如获取初始化的数据源，或者中间数据的过滤等。然后在 action 中去派发 Mutation。Mutation 去触发状态的改变，状态的改变，将触发视图的更新。

根组件中注入store

main.js