vuex/docs/zh-cn/concepts.md

核心概念

你可以使用 Vuex.Store 构造函数来创建 Vuex store 实例。一般情况下，一个应用中只需要一个 store 实例。

每个 Vuex store 实例由三个部分组成：

• State: 一个反映应用状态的纯对象。

• Mutations: 一些用于改变状态的函数。Mutations 必须是同步的。

• Actions: 一些用于触发 (dispatch) mutations 的函数。一个 action 可以包含异步操作，并且可以触发多个 mutations.

我们把 mutations 和 actions 分开而不是直接用函数去操作 state，原因是我们希望把*对状态的修改*和*异步操作*分离。许多应用之所以复杂，正是源自于这两者的耦合。我们解耦两者后，它们都会变得更清晰和易于测试。

如果你熟悉 Flux，在这里要注意两者的一些差异：Vuex mutations 相当于 Flux 的 actions, 而 Vuex 的 actions 相当于 Flux 的 action creators.

创建一个 Vuex Store 实例

NOTE: 我们将用 ES2015 语法写接下来的示例代码。如果你还没开始接触 ES2015，那么你应该现在就开始学习! 我们还默认你已经熟悉 Building Large-Scale Apps with Vue.js 中所提到的概念。

创建一个 Vuex store 实例非常简单——只需要把以上提到的三个部分放到一起：

import Vuex from 'vuex'

const store = new Vuex.Store({
  state: { ... },
  actions: { ... },
  mutations: { ... }
})

实例化后，你就能通过 store.state 访问 state, 通过 store.actions 访问 actions 函数。你不能直接访问 mutation 函数 —— 你只能通过调用 actions 或是 store.disptach() 来触发 mutations。接下来我们会更详细地讨论这几个概念。