Skip to content

Commit 1c01c79

Browse files
authored
Merge pull request #172 from dear-lizhihua/2.0-cn
/vuex/state.md
2 parents dfba254 + aa6aaa3 commit 1c01c79

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

src/vuex/state.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ const Counter = {
6161

6262
### `mapState` 工具
6363

64-
当一个组件需要引用了 store 的多个 state 属性或 getter 函数,声明列举出所有计算属性会变得重复且繁琐。对此,在我们需要生成 computed 所需的很多个 getter 函数时,使用 `mapState` 工具可以帮我们节省一些键盘按键(^_^):
64+
当一个组件需要引用 store 的多个 state 属性或 getter 函数时,声明列举出所有计算属性会变得重复且繁琐。为了解决这个问题,我们可以使用 `mapState` 工具,它为我们生成 computed 所需的很多个 getter 函数,帮助我们节省一些键盘按键(^_^):
6565

6666
``` js
6767
// vuex 提供了独立的构建工具函数 Vuex.mapState
@@ -88,14 +88,14 @@ export default {
8888

8989
``` js
9090
computed: mapState([
91-
// 映射 store.this.count 到 state.count
91+
// 映射 state.count 到 store.this.count
9292
'count'
9393
])
9494
```
9595

9696
### 对象扩展运算符
9797

98-
注意,`mapState` 返回一个对象。我们如何使用 mapState 合并其他局部的计算属性呢?通常地,为了将多个对象合并为一个对象,再把这个合并好的最终对象传入到 `computed` 属性去,我们不得不使用一个工具函数来实现。然而有了[对象扩展运算符](https://github.com/sebmarkbage/ecmascript-rest-spread)(ECMAScript 标准提案 stage-3),我们就能够让语法变得简洁起来
98+
注意,`mapState` 返回一个对象。我们如何使用 mapState 合并其他局部的计算属性呢?通常地,为了将多个对象合并为一个对象,再把这个合并好的最终对象传入到 `computed` 属性去,我们不得不使用一个工具函数来实现。然而有了[对象扩展运算符](https://github.com/sebmarkbage/ecmascript-rest-spread)(ECMAScript 提案 stage-3),我们可以大大简化语法
9999

100100
``` js
101101
computed: {
@@ -109,4 +109,4 @@ computed: {
109109

110110
### 组件仍然可以具有局部状态
111111

112-
使用 Vuex 并不意味你应该把 **所有** 状态都放在 Vuex 中去管理。尽管把更多的状态放到 Vuex 管理,会让状态变化变得更加清晰和可调试,但有时也能使代码变得冗余和不直观。如果某部分状态严格属于一个单独的组件,那就只把这部分状态作为局部状态就好了。你应该权衡利弊,做适应 App 的开发需求的决策
112+
使用 Vuex 并不意味你应该把 **所有** 状态都放在 Vuex 中去管理。尽管把更多的状态放到 Vuex 管理,会让状态变化变得更加清晰和可调试,但有时也能使代码变得冗余和不直观。如果某部分状态严格属于一个单独的组件,那就只把这部分状态作为局部状态就好了。你应该权衡利弊,做适合您的 App 开发需求的决策

0 commit comments

Comments
 (0)