Skip to content

Commit 6e5b8fd

Browse files
authored
[docs][zh-cn] synced updates to #e237803 (vuejs#1197)
* [docs][zh-cn] synced updates to #e237803 * Update getters.md
1 parent e237803 commit 6e5b8fd

File tree

2 files changed

+10
-2
lines changed

2 files changed

+10
-2
lines changed

docs/zh-cn/getters.md

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,9 @@ const store = new Vuex.Store({
3232
})
3333
```
3434

35-
Getter 会暴露为 `store.getters` 对象:
35+
### 通过属性访问
36+
37+
Getter 会暴露为 `store.getters` 对象,你可以以属性的形式访问这些值:
3638

3739
``` js
3840
store.getters.doneTodos // -> [{ id: 1, text: '...', done: true }]
@@ -63,6 +65,10 @@ computed: {
6365
}
6466
```
6567

68+
注意,getter 在通过属性访问时是作为 Vue 的响应式系统的一部分缓存其中的。
69+
70+
### 通过方法访问
71+
6672
你也可以通过让 getter 返回一个函数,来实现给 getter 传参。在你对 store 里的数组进行查询时非常有用。
6773

6874
```js
@@ -78,6 +84,8 @@ getters: {
7884
store.getters.getTodoById(2) // -> { id: 2, text: '...', done: false }
7985
```
8086

87+
注意,getter 在通过方法访问时,每次都会去进行调用,而不会缓存结果。
88+
8189
### `mapGetters` 辅助函数
8290

8391
`mapGetters` 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性:

docs/zh-cn/state.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ computed: mapState([
9191

9292
### 对象展开运算符
9393

94-
`mapState` 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢?通常,我们需要使用一个工具函数将多个对象合并为一个,以使我们可以将最终对象传给 `computed` 属性。但是自从有了[对象展开运算符](https://github.com/sebmarkbage/ecmascript-rest-spread)(现处于 ECMASCript 提案 stage-3 阶段),我们可以极大地简化写法:
94+
`mapState` 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢?通常,我们需要使用一个工具函数将多个对象合并为一个,以使我们可以将最终对象传给 `computed` 属性。但是自从有了[对象展开运算符](https://github.com/sebmarkbage/ecmascript-rest-spread)(现处于 ECMASCript 提案 stage-4 阶段),我们可以极大地简化写法:
9595

9696
``` js
9797
computed: {

0 commit comments

Comments
 (0)