From 934ea67d72d198bd2d99f7b379211250c2bed446 Mon Sep 17 00:00:00 2001 From: jingsam Date: Thu, 10 Nov 2016 20:03:42 +0800 Subject: [PATCH 1/2] Update state.md --- docs/zh-cn/state.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/zh-cn/state.md b/docs/zh-cn/state.md index 8fcd14381..95bd809ee 100644 --- a/docs/zh-cn/state.md +++ b/docs/zh-cn/state.md @@ -103,6 +103,6 @@ computed: { } ``` -### 组件仍然保有本地状态 +### 组件仍然保有局部状态 使用 Vuex 并不意味着你需要将**所有的**状态放入 Vuex。虽然将所有的状态放到 Vuex 会使状态变化更显式和易调试，但也会使代码变得冗长和不直观。如果有些状态严格属于单个组件，最好还是作为组件的本地状态。你应该根据你的应用开发需要进行权衡和确定。 From 474300bd5b80b2bd584aae2b9632c30f4a1b8df2 Mon Sep 17 00:00:00 2001 From: jingsam Date: Thu, 10 Nov 2016 20:24:43 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E6=9C=AC=E5=9C=B0=E7=8A=B6=E6=80=81=20=3D>?= =?UTF-8?q?=20=E5=B1=80=E9=83=A8=E7=8A=B6=E6=80=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/zh-cn/api.md | 10 +++++----- docs/zh-cn/forms.md | 2 +- docs/zh-cn/getters.md | 2 +- docs/zh-cn/modules.md | 8 ++++---- docs/zh-cn/state.md | 6 +++--- 5 files changed, 14 insertions(+), 14 deletions(-) diff --git a/docs/zh-cn/api.md b/docs/zh-cn/api.md index 9571f32c5..137e945b5 100644 --- a/docs/zh-cn/api.md +++ b/docs/zh-cn/api.md @@ -22,7 +22,7 @@ const store = new Vuex.Store({ ...options }) - 类型: `{ [type: string]: Function }` - 在 store 上注册 mutation，处理函数总是接受 `state` 作为第一个参数（如果定义在模块中，则为模块的本地状态），`payload` 作为第二个参数（可选）。 + 在 store 上注册 mutation，处理函数总是接受 `state` 作为第一个参数（如果定义在模块中，则为模块的局部状态），`payload` 作为第二个参数（可选）。 [详细介绍](mutations.md) @@ -34,7 +34,7 @@ const store = new Vuex.Store({ ...options }) ``` js { - state, // 等同于 store.state, 若在模块中则为本地状态 + state, // 等同于 store.state, 若在模块中则为局部状态 rootState, // 等同于 store.state, 只存在于模块中 commit, // 等同于 store.commit dispatch, // 等同于 store.dispatch @@ -49,9 +49,9 @@ const store = new Vuex.Store({ ...options }) - 类型: `{ [key: string]: Function }` 在 store 上注册 getter，getter 方法接受以下参数： - + ``` - state, // 如果在模块中定义则为模块的本地状态 + state, // 如果在模块中定义则为模块的局部状态 getters, // 等同于 store.getters rootState // 等同于 store.state ``` @@ -78,7 +78,7 @@ const store = new Vuex.Store({ ...options }) } ``` - 与根模块的选项一样，每个模块也包含 `state` 和 `mutations` 选项。模块的状态使用 key 关联到 store 的根状态。模块的 mutation 和 getter 只会接收 module 的本地状态作为第一个参数，而不是根状态，并且模块 action 的 `context.state` 同样指向本地状态。 + 与根模块的选项一样，每个模块也包含 `state` 和 `mutations` 选项。模块的状态使用 key 关联到 store 的根状态。模块的 mutation 和 getter 只会接收 module 的局部状态作为第一个参数，而不是根状态，并且模块 action 的 `context.state` 同样指向局部状态。 [详细介绍](modules.md) diff --git a/docs/zh-cn/forms.md b/docs/zh-cn/forms.md index 06e4b5fab..26f3e6030 100644 --- a/docs/zh-cn/forms.md +++ b/docs/zh-cn/forms.md @@ -40,7 +40,7 @@ mutations: { ### 双向绑定的计算属性 -必须承认，这样做比简单地使用“`v-model` + 本地状态”要啰嗦得多，并且也损失了一些 `v-model` 中很有用的特性。另一个方法是使用带有 setter 的双向绑定计算属性： +必须承认，这样做比简单地使用“`v-model` + 局部状态”要啰嗦得多，并且也损失了一些 `v-model` 中很有用的特性。另一个方法是使用带有 setter 的双向绑定计算属性： ``` js // ... diff --git a/docs/zh-cn/getters.md b/docs/zh-cn/getters.md index 4d747134b..c59192698 100644 --- a/docs/zh-cn/getters.md +++ b/docs/zh-cn/getters.md @@ -64,7 +64,7 @@ computed: { ### `mapGetters` 辅助函数 -`mapGetters` 辅助函数仅仅是将 store 中的 getters 映射到 本地计算属性： +`mapGetters` 辅助函数仅仅是将 store 中的 getters 映射到局部计算属性： ``` js import { mapGetters } from 'vuex' diff --git a/docs/zh-cn/modules.md b/docs/zh-cn/modules.md index 4b962467d..62f394b80 100644 --- a/docs/zh-cn/modules.md +++ b/docs/zh-cn/modules.md @@ -29,16 +29,16 @@ store.state.a // -> moduleA 的状态 store.state.b // -> moduleB 的状态 ``` -### 模块的本地状态 +### 模块的局部状态 -对于模块内部的 mutation 和 getter，接收的第一个参数是**模块的本地状态**。 +对于模块内部的 mutation 和 getter，接收的第一个参数是**模块的局部状态**。 ``` js const moduleA = { state: { count: 0 }, mutations: { increment: (state) { - // state 模块的本地状态 + // state 模块的局部状态 state.count++ } }, @@ -51,7 +51,7 @@ const moduleA = { } ``` -同样，对于模块内部的 action，`context.state` 是本地状态，根节点的状态是 `context.rootState`: +同样，对于模块内部的 action，`context.state` 是局部状态，根节点的状态是 `context.rootState`: ``` js const moduleA = { diff --git a/docs/zh-cn/state.md b/docs/zh-cn/state.md index 95bd809ee..d664fc860 100644 --- a/docs/zh-cn/state.md +++ b/docs/zh-cn/state.md @@ -72,7 +72,7 @@ export default { // 传字符串参数 'count' 等同于 `state => state.count` countAlias: 'count', - // 为了能够使用 `this` 获取本地状态，必须使用常规函数 + // 为了能够使用 `this` 获取局部状态，必须使用常规函数 countPlusLocalState (state) { return state.count + this.localCount } @@ -91,7 +91,7 @@ computed: mapState([ ### 对象展开运算符 -`mapState` 函数返回的是一个对象。我们如何将它与本地计算属性混合使用呢？通常，我们需要使用一个工具函数将多个对象合并为一个，以使我们可以将最终对象传给 `computed` 属性。但是自从有了[对象展开运算符](https://github.com/sebmarkbage/ecmascript-rest-spread)（现处于 ECMASCript 提案 stage-3 阶段），我们可以极大地简化写法： +`mapState` 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢？通常，我们需要使用一个工具函数将多个对象合并为一个，以使我们可以将最终对象传给 `computed` 属性。但是自从有了[对象展开运算符](https://github.com/sebmarkbage/ecmascript-rest-spread)（现处于 ECMASCript 提案 stage-3 阶段），我们可以极大地简化写法： ``` js computed: { @@ -105,4 +105,4 @@ computed: { ### 组件仍然保有局部状态 -使用 Vuex 并不意味着你需要将**所有的**状态放入 Vuex。虽然将所有的状态放到 Vuex 会使状态变化更显式和易调试，但也会使代码变得冗长和不直观。如果有些状态严格属于单个组件，最好还是作为组件的本地状态。你应该根据你的应用开发需要进行权衡和确定。 +使用 Vuex 并不意味着你需要将**所有的**状态放入 Vuex。虽然将所有的状态放到 Vuex 会使状态变化更显式和易调试，但也会使代码变得冗长和不直观。如果有些状态严格属于单个组件，最好还是作为组件的局部状态。你应该根据你的应用开发需要进行权衡和确定。