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

Commit d68798c

Browse files
committed
docs: update
1 parent fa9c7c7 commit d68798c

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/guide/data-methods.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
# Data 属性和方法
1+
# Data Property 和方法
22

3-
## Data 属性
3+
## Data Property
44

5-
组件的 `data` 选项是一个函数。Vue 在创建新组件实例的过程中调用此函数。它应该返回一个对象,然后 Vue 把这个对象包装到响应性系统中,并以 `$data` 的形式存储在组件实例中。为方便起见,该对象的任何顶级属性也直接通过组件实例暴露出来
5+
组件的 `data` 选项是一个函数。Vue 在创建新组件实例的过程中调用此函数。它应该返回一个对象,然后 Vue 把这个对象包装到响应性系统中,并以 `$data` 的形式存储在组件实例中。为方便起见,该对象的任何顶级 property 也直接通过组件实例暴露出来
66

77
```js
88
const app = Vue.createApp({
@@ -25,11 +25,11 @@ vm.$data.count = 6
2525
console.log(vm.count) // => 6
2626
```
2727

28-
这些实例属性仅在首次创建实例时添加,所以你需要确保它们都在 `data` 函数返回的对象中。必要时,对尚未提供所需值的属性使用 `null``undefined` 或其他占位符值。
28+
这些实例 property 仅在首次创建实例时添加,所以你需要确保它们都在 `data` 函数返回的对象中。必要时,对尚未提供所需值的 property 使用 `null``undefined` 或其他占位符值。
2929

3030
可以将新的 property 直接添加到组件实例,而不包含在 `data` 中。但是,由于响应式 `$data` 对象不支持该 property,所以 [Vue 的响应性系统](reactivity.html) 不会自动跟踪它。
3131

32-
Vue 使用 `$` 前缀通过组件实例暴露自己的内置 API。它还为内部属性保留 `_` 前缀。你应该避免使用这两个字符开头的的顶级 `data` 属性名称
32+
Vue 使用 `$` 前缀通过组件实例暴露自己的内置 API。它还为内部 property 保留 `_` 前缀。你应该避免使用这两个字符开头的的顶级 `data` property 名称
3333

3434
## 方法
3535

@@ -59,7 +59,7 @@ console.log(vm.count) // => 5
5959

6060
Vue 自动为 `methods` 绑定 `this`,以便于它始终指向组件实例。这将确保方法在用作事件监听或回调时保持正确的 `this` 指向。在定义 `methods` 时应避免使用箭头函数,因为这会阻止 Vue 绑定恰当的 `this` 指向。
6161

62-
和组件实例的其他所有属性一样,可以从组件的模板中访问 `methods`。在模板中,它们通常被当做事件监听使用:
62+
和组件实例的其他所有 property 一样,可以从组件的模板中访问 `methods`。在模板中,它们通常被当做事件监听使用:
6363

6464
```html
6565
<button @click="increment">Up vote</button>

0 commit comments

Comments
 (0)