Skip to content
This repository was archived by the owner on Aug 8, 2022. It is now read-only.

Commit 7981494

Browse files
authored
Merge pull request #218 from vuejs/docs-reactive
docs: translate reactive
2 parents 559f700 + 5550522 commit 7981494

10 files changed

+22
-22
lines changed

src/api/basic-reactivity.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
const obj = reactive({ count: 0 })
1111
```
1212

13-
响应式转换是“”的——它影响所有嵌套 property。在基于 [ES2015 Proxy](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) 的实现中,返回的代理是****等于原始对象。建议只使用响应式代理,避免依赖原始对象。
13+
响应式转换是“深层”的——它影响所有嵌套 property。在基于 [ES2015 Proxy](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) 的实现中,返回的代理是****等于原始对象。建议只使用响应式代理,避免依赖原始对象。
1414

1515
**类型声明:**
1616

@@ -45,7 +45,7 @@ copy.count++ // 警告!
4545

4646
## `isReactive`
4747

48-
检查对象是否是 [`reactive`](#reactive)创建的响应式代理
48+
检查对象是否是 [`reactive`](#reactive)创建的响应式 proxy
4949

5050
```js
5151
import { reactive, isReactive } from 'vue'
@@ -60,7 +60,7 @@ export default {
6060
```
6161

6262

63-
如果代理是 [`readonly`](#readonly) 创建的,但还包装了由 [`reactive`](#reactive) 创建的另一个代理,它也会返回 `true`
63+
如果 proxy[`readonly`](#readonly) 创建的,但还包装了由 [`reactive`](#reactive) 创建的另一个 proxy,它也会返回 `true`
6464

6565

6666
```js{7-15}

src/api/options-composition.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@
7676
- `from` property 是在可用的注入内容中搜索用的 key (字符串或 Symbol)
7777
- `default` property 是降级情况下使用的 value
7878

79-
> 提示:提示:`provide``inject` 绑定并不是可响应的。这是刻意为之的。然而,如果你传入了一个可监听的对象,那么其对象的 property 还是可响应的
79+
> 提示:提示:`provide``inject` 绑定并不是响应式的。这是刻意为之的。然而,如果你传入了一个响应式的对象,那么其对象的 property 仍是响应式的
8080
8181
- **示例:**
8282

@@ -225,7 +225,7 @@
225225

226226
- **渲染函数/JSX 的方法**
227227

228-
`setup` 还可以返回一个渲染函数,该函数可以直接使用在同一作用域中声明的反应状态
228+
`setup` 还可以返回一个渲染函数,该函数可以直接使用在同一作用域中声明的响应式状态
229229

230230
```js
231231
import { h, ref, reactive } from 'vue'

src/api/refs-api.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -203,7 +203,7 @@ type CustomRefFactory<T> = (
203203

204204
```js
205205
const foo = shallowRef({})
206-
// 改变ref的值是响应式的
206+
// 改变 ref 的值是响应式的
207207
foo.value = {}
208208
// 但是这个值不会被转换。
209209
isReactive(foo.value) // false
@@ -225,7 +225,7 @@ watchEffect(() => {
225225
console.log(shallow.value.greet)
226226
})
227227
228-
// 这不会触发效果,因为ref很浅
228+
// 这不会触发作用,因为 ref 很浅层
229229
shallow.value.greet = 'Hello, universe'
230230
231231
// 记录 "Hello, universe"

src/api/special-attributes.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@
5050

5151
`v-for` 用于元素或组件的时候,引用信息将是包含 DOM 节点或组件实例的数组。
5252

53-
关于 ref 注册时间的重要说明:因为 ref 本身是作为渲染结果被创建的,在初始渲染的时候你不能访问它们 - 它们还不存在!`$refs` 也不是响应式的,因此你不应该试图用它在模板中做数据绑定。
53+
关于 ref 注册时间的重要说明:因为 ref 本身是作为渲染结果被创建的,在初始渲染的时候你不能访问它们 - 它们还不存在!`$refs` 也是非响应式的,因此你不应该试图用它在模板中做数据绑定。
5454

5555
- **参考**[子组件 Refs](../guide/component-template-refs.html)
5656

src/guide/component-edge-cases.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@
99

1010
## 控制更新
1111

12-
得益于其响应式系统,Vue 总是知道何时更新 (如果你使用正确的话)。但是,在某些边缘情况下,你可能希望强制更新,尽管事实上没有任何反应性数据发生更改。还有一些情况下,你可能希望防止不必要的更新。
12+
得益于其响应性系统,Vue 总是知道何时更新 (如果你使用正确的话)。但是,在某些边缘情况下,你可能希望强制更新,尽管事实上没有任何响应式数据发生更改。还有一些情况下,你可能希望防止不必要的更新。
1313

1414
### 强制更新
1515

16-
如果你发现自己需要在 Vue 中强制更新,在 99.99%的情况下,你在某个地方犯了错误。例如,你可能依赖于 Vue 反应性系统未跟踪的状态,例如,在组件创建之后添加了 `data` 属性。
16+
如果你发现自己需要在 Vue 中强制更新,在 99.99%的情况下,你在某个地方犯了错误。例如,你可能依赖于 Vue 响应性系统未跟踪的状态,例如,在组件创建之后添加了 `data` 属性。
1717

1818
但是,如果你已经排除了上述情况,并且发现自己处于这种非常罕见的情况下,必须手动强制更新,那么你可以使用 [`$forceUpdate`](../api/instance-methods.html#forceupdate)
1919

src/guide/composition-api-introduction.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@ setup (props) {
127127
}
128128
```
129129

130-
这是我们的出发点,但它还不能工作,因为我们的 `repositories` 变量不是被动的。这意味着从用户的角度来看,仓库列表将保持为空。我们来解决这个问题!
130+
这是我们的出发点,但它还不能工作,因为我们的 `repositories` 变量是非响应式的。这意味着从用户的角度来看,仓库列表将保持为空。我们来解决这个问题!
131131

132132
### `ref` 的响应式变量
133133

@@ -317,13 +317,13 @@ setup (props) {
317317

318318
const repositories = ref([])
319319
const getUserRepositories = async () => {
320-
// 更新`prop.user ` 到 `user.value`访问引用值
320+
// 更新 `prop.user` 到 `user.value` 访问引用值
321321
repositories.value = await fetchUserRepositories(user.value)
322322
}
323323

324324
onMounted(getUserRepositories)
325325

326-
// 在用户prop的响应式引用上设置一个侦听器
326+
// 在用户 prop 的响应式引用上设置一个侦听器
327327
watch(user, getUserRepositories)
328328

329329
return {
@@ -363,18 +363,18 @@ import { ref, onMounted, watch, toRefs, computed } from 'vue'
363363

364364
// in our component
365365
setup (props) {
366-
// 使用 `toRefs` 创建对props的 `user` property 的响应式引用
366+
// 使用 `toRefs` 创建对 props 的 `user` property 的响应式引用
367367
const { user } = toRefs(props)
368368

369369
const repositories = ref([])
370370
const getUserRepositories = async () => {
371-
// 更新`props.user ` 到 `user.value`访问引用值
371+
// 更新 `props.user ` 到 `user.value` 访问引用值
372372
repositories.value = await fetchUserRepositories(user.value)
373373
}
374374

375375
onMounted(getUserRepositories)
376376

377-
// 在用户prop的响应式引用上设置一个侦听器
377+
// 在用户 prop 的响应式引用上设置一个侦听器
378378
watch(user, getUserRepositories)
379379

380380
const searchQuery = ref('')

src/guide/migration/render-function-api.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ export default {
6565

6666
### 3.x 语法
6767

68-
在 3.x 中,由于 `render` 函数不再接收任何参数,它将主要用于 `setup()` 函数内部。这还有一个好处:可以访问作用域中声明的被动状态和函数,以及传递给 `setup()` 的参数。
68+
在 3.x 中,由于 `render` 函数不再接收任何参数,它将主要用于 `setup()` 函数内部。这还有一个好处:可以访问作用域中声明的响应式状态和函数,以及传递给 `setup()` 的参数。
6969

7070

7171
```js

src/guide/reactivity-computed-watchers.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ console.log(count.value) // 0
3232

3333
## `watchEffect`
3434

35-
为了根据反应状态*自动应用**重新应用*副作用,我们可以使用 `watchEffect` 方法。它立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数。
35+
为了根据响应式状态*自动应用**重新应用*副作用,我们可以使用 `watchEffect` 方法。它立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数。
3636

3737
```js
3838
const count = ref(0)
@@ -146,8 +146,8 @@ watchEffect(
146146

147147
`onTrack``onTrigger` 选项可用于调试侦听器的行为。
148148

149-
- 当响应式 property 或 ref 作为依赖项被追踪时,将调用 `onTrack`
150-
- 当依赖项变更导致副作用被触发时,将调用 `onTrigger`
149+
- `onTrack` 将在响应式 property 或 ref 作为依赖项被追踪时被调用。
150+
- `onTrigger` 将在依赖项变更导致副作用被触发时被调用。
151151

152152
这两个回调都将接收到一个包含有关所依赖项信息的调试器事件。建议在以下回调中编写 `debugger` 语句来检查依赖关系:
153153

src/guide/reactivity-fundamentals.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ console.log(count.value) // 1
4545

4646
### Ref 展开
4747

48-
当 ref 作为渲染上下文 (从 [setup ()](composition-api-setup.html) 中返回的对象) 上的 property 返回并可以在模板中被访问时,它将自动展开为内部值。不需要在模板中追加 `.value`
48+
当 ref 作为渲染上下文 (从 [setup()](composition-api-setup.html) 中返回的对象) 上的 property 返回并可以在模板中被访问时,它将自动展开为内部值。不需要在模板中追加 `.value`
4949

5050
```vue-html
5151
<template>

src/style-guide/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1343,7 +1343,7 @@ computed: {
13431343
5. **组合式 API** (使用组合式 API 的入口点)
13441344
- `setup`
13451345

1346-
6. **Local State** (本地的响应式 property)
1346+
6. **Local State** (原生响应式 property)
13471347
- `data`
13481348
- `computed`
13491349

0 commit comments

Comments
 (0)