Skip to content

Commit c0902e2

Browse files
authored
docs: correction shorthand. (vuejs#170)
根据 vuejs#167,将`缩写`更改为`简写`。 Closes vuejs#167
1 parent ef2f7e7 commit c0902e2

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

src/guide/essentials/template-syntax.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -52,17 +52,17 @@ Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其
5252

5353
`v-bind` 指令指示 Vue 将元素的 `id` attribute 与组件的 `dynamicId` property 保持一致。如果绑定的值是 `null` 或者 `undefined`,那么该 attribute 将会从渲染的元素上移除。
5454

55-
### 缩写 {#shorthand}
55+
### 简写 {#shorthand}
5656

57-
因为 `v-bind` 非常常用,我们提供了特定的缩写语法
57+
因为 `v-bind` 非常常用,我们提供了特定的简写语法
5858

5959
```vue-html
6060
<div :id="dynamicId"></div>
6161
```
6262

63-
开头为 `:` 的 attribute 可能和一般的 HTML attribute 看起来不太一样,但它的确是合法的 attribute 名称字符,并且所有支持 Vue 的浏览器都能正确解析它。此外,他们不会出现在最终渲染的标签中。缩写语法是可选的,但相信在你了解了它更多的用处后,你应该会更喜欢它。
63+
开头为 `:` 的 attribute 可能和一般的 HTML attribute 看起来不太一样,但它的确是合法的 attribute 名称字符,并且所有支持 Vue 的浏览器都能正确解析它。此外,他们不会出现在最终渲染的标签中。简写语法是可选的,但相信在你了解了它更多的用处后,你应该会更喜欢它。
6464

65-
> 接下来的指引中,我们都将在示例中使用缩写语法,因为这是在 Vue 开发者之间最常见的用法。
65+
> 接下来的指引中,我们都将在示例中使用简写语法,因为这是在 Vue 开发者之间最常见的用法。
6666
6767
### 布尔型 Attribute {#boolean-attributes}
6868

@@ -183,22 +183,22 @@ data() {
183183
```vue-html
184184
<a v-bind:href="url"> ... </a>
185185
186-
<!-- 缩写 -->
186+
<!-- 简写 -->
187187
<a :href="url"> ... </a>
188188
```
189189

190-
这里 `href` 就是一个参数,它告诉 `v-bind` 指令将表达式 `url` 的值绑定到元素的 `href` attribute 上。在缩写中,参数前的一切 (例如 `v-bind:`) 都会被缩略为一个 `:` 字符。
190+
这里 `href` 就是一个参数,它告诉 `v-bind` 指令将表达式 `url` 的值绑定到元素的 `href` attribute 上。在简写中,参数前的一切 (例如 `v-bind:`) 都会被缩略为一个 `:` 字符。
191191

192192
另一个例子是 `v-on` 指令,它将监听 DOM 事件:
193193

194194
```vue-html
195195
<a v-on:click="doSomething"> ... </a>
196196
197-
<!-- 缩写 -->
197+
<!-- 简写 -->
198198
<a @click="doSomething"> ... </a>
199199
```
200200

201-
这里的参数是要监听的事件名称:`click``v-on` 也是少部分含有缩写的指令之一,缩写字符为 `@`。我们之后也会讨论关于事件处理的更多细节。
201+
这里的参数是要监听的事件名称:`click``v-on` 也是少部分含有简写的指令之一,简写字符为 `@`。我们之后也会讨论关于事件处理的更多细节。
202202

203203
### 动态参数 {#dynamic-arguments}
204204

@@ -211,7 +211,7 @@ data() {
211211
-->
212212
<a v-bind:[attributeName]="url"> ... </a>
213213
214-
<!-- 缩写 -->
214+
<!-- 简写 -->
215215
<a :[attributeName]="url"> ... </a>
216216
```
217217

@@ -222,7 +222,7 @@ data() {
222222
```vue-html
223223
<a v-on:[eventName]="doSomething"> ... </a>
224224
225-
<!-- 缩写 -->
225+
<!-- 简写 -->
226226
<a @[eventName]="doSomething">
227227
```
228228

0 commit comments

Comments
 (0)