@@ -52,17 +52,17 @@ Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其
52
52
53
53
` v-bind ` 指令指示 Vue 将元素的 ` id ` attribute 与组件的 ` dynamicId ` property 保持一致。如果绑定的值是 ` null ` 或者 ` undefined ` ,那么该 attribute 将会从渲染的元素上移除。
54
54
55
- ### 缩写 {#shorthand}
55
+ ### 简写 {#shorthand}
56
56
57
- 因为 ` v-bind ` 非常常用,我们提供了特定的缩写语法 :
57
+ 因为 ` v-bind ` 非常常用,我们提供了特定的简写语法 :
58
58
59
59
``` vue-html
60
60
<div :id="dynamicId"></div>
61
61
```
62
62
63
- 开头为 ` : ` 的 attribute 可能和一般的 HTML attribute 看起来不太一样,但它的确是合法的 attribute 名称字符,并且所有支持 Vue 的浏览器都能正确解析它。此外,他们不会出现在最终渲染的标签中。缩写语法是可选的 ,但相信在你了解了它更多的用处后,你应该会更喜欢它。
63
+ 开头为 ` : ` 的 attribute 可能和一般的 HTML attribute 看起来不太一样,但它的确是合法的 attribute 名称字符,并且所有支持 Vue 的浏览器都能正确解析它。此外,他们不会出现在最终渲染的标签中。简写语法是可选的 ,但相信在你了解了它更多的用处后,你应该会更喜欢它。
64
64
65
- > 接下来的指引中,我们都将在示例中使用缩写语法 ,因为这是在 Vue 开发者之间最常见的用法。
65
+ > 接下来的指引中,我们都将在示例中使用简写语法 ,因为这是在 Vue 开发者之间最常见的用法。
66
66
67
67
### 布尔型 Attribute {#boolean-attributes}
68
68
@@ -183,22 +183,22 @@ data() {
183
183
``` vue-html
184
184
<a v-bind:href="url"> ... </a>
185
185
186
- <!-- 缩写 -->
186
+ <!-- 简写 -->
187
187
<a :href="url"> ... </a>
188
188
```
189
189
190
- 这里 ` href ` 就是一个参数,它告诉 ` v-bind ` 指令将表达式 ` url ` 的值绑定到元素的 ` href ` attribute 上。在缩写中 ,参数前的一切 (例如 ` v-bind: ` ) 都会被缩略为一个 ` : ` 字符。
190
+ 这里 ` href ` 就是一个参数,它告诉 ` v-bind ` 指令将表达式 ` url ` 的值绑定到元素的 ` href ` attribute 上。在简写中 ,参数前的一切 (例如 ` v-bind: ` ) 都会被缩略为一个 ` : ` 字符。
191
191
192
192
另一个例子是 ` v-on ` 指令,它将监听 DOM 事件:
193
193
194
194
``` vue-html
195
195
<a v-on:click="doSomething"> ... </a>
196
196
197
- <!-- 缩写 -->
197
+ <!-- 简写 -->
198
198
<a @click="doSomething"> ... </a>
199
199
```
200
200
201
- 这里的参数是要监听的事件名称:` click ` 。` v-on ` 也是少部分含有缩写的指令之一,缩写字符为 ` @ ` 。我们之后也会讨论关于事件处理的更多细节。
201
+ 这里的参数是要监听的事件名称:` click ` 。` v-on ` 也是少部分含有简写的指令之一,简写字符为 ` @ ` 。我们之后也会讨论关于事件处理的更多细节。
202
202
203
203
### 动态参数 {#dynamic-arguments}
204
204
@@ -211,7 +211,7 @@ data() {
211
211
-->
212
212
<a v-bind:[attributeName]="url"> ... </a>
213
213
214
- <!-- 缩写 -->
214
+ <!-- 简写 -->
215
215
<a :[attributeName]="url"> ... </a>
216
216
```
217
217
@@ -222,7 +222,7 @@ data() {
222
222
``` vue-html
223
223
<a v-on:[eventName]="doSomething"> ... </a>
224
224
225
- <!-- 缩写 -->
225
+ <!-- 简写 -->
226
226
<a @[eventName]="doSomething">
227
227
```
228
228
0 commit comments