@@ -4,9 +4,9 @@ type: guide
4
4
order : 4
5
5
---
6
6
7
- Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。
7
+ Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。
8
8
9
- 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,在应用状态改变时,Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。
9
+ 在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。
10
10
11
11
如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,[ 直接写渲染(render)函数] ( /guide/render-function.html ) ,使用可选的 JSX 语法。
12
12
@@ -30,7 +30,7 @@ Mustache 标签将会被替代为对应数据对象上 `msg` 属性的值。无
30
30
31
31
### 纯 HTML
32
32
33
- 双大括号会将数据解释为纯文本,而非 HTML。为了输出真正的 HTML,你需要使用 ` v-html ` 指令:
33
+ 双大括号会将数据解释为纯文本,而非 HTML 。为了输出真正的 HTML ,你需要使用 ` v-html ` 指令:
34
34
35
35
``` html
36
36
<div v-html =" rawHtml" ></div >
@@ -56,7 +56,7 @@ Mustache 不能在 HTML 属性中使用,应使用 [v-bind 指令](/api/#v-bind
56
56
57
57
### 使用 JavaScript 表达式
58
58
59
- 迄今为止,在我们的模板中,我们一直都只绑定简单的属性键值。但实际上,对于所有的数据绑定,Vue.js 都提供了完全的 JavaScript 表达式支持。
59
+ 迄今为止,在我们的模板中,我们一直都只绑定简单的属性键值。但实际上,对于所有的数据绑定, Vue.js 都提供了完全的 JavaScript 表达式支持。
60
60
61
61
``` html
62
62
{{ number + 1 }}
@@ -78,7 +78,7 @@ Mustache 不能在 HTML 属性中使用,应使用 [v-bind 指令](/api/#v-bind
78
78
{{ if (ok) { return message } }}
79
79
```
80
80
81
- <p class =" tip " >模板表达式都被放在沙盒中,只能访问全局变量的一个白名单,如 `Math` 和 `Date`。你不应该在模板表达式中视图访问用户定义的全局变量。</p >
81
+ <p class =" tip " >模板表达式都被放在沙盒中,只能访问全局变量的一个白名单,如 `Math` 和 `Date` 。你不应该在模板表达式中视图访问用户定义的全局变量。</p >
82
82
83
83
<p class =" tip " >Template expressions are sandboxed and only have access to a whitelist of globals such as `Math` and `Date`. You should not attempt to access user defined globals in template expressions.</p >
84
84
@@ -119,7 +119,7 @@ new Vue({
119
119
{{ message | filterA('arg1', arg2) }}
120
120
```
121
121
122
- 这里,字符串 ` 'arg1' ` 将传给过滤器作为第二个参数,` arg2 ` 表达式的值将被求值然后传给过滤器作为第三个参数。
122
+ 这里,字符串 ` 'arg1' ` 将传给过滤器作为第二个参数, ` arg2 ` 表达式的值将被求值然后传给过滤器作为第三个参数。
123
123
124
124
## 指令
125
125
@@ -129,11 +129,11 @@ new Vue({
129
129
<p v-if =" seen" >Now you see me</p >
130
130
```
131
131
132
- 这里,` v-if ` 指令将根据表达式 ` seen ` 的值的真假来移除/插入 ` <p> ` 元素。
132
+ 这里, ` v-if ` 指令将根据表达式 ` seen ` 的值的真假来移除/插入 ` <p> ` 元素。
133
133
134
134
### 参数
135
135
136
- 一些指令能接受一个“参数”,在指令后以冒号指明。例如,` v-bind ` 指令被用来响应地更新 HTML 属性:
136
+ 一些指令能接受一个“参数”,在指令后以冒号指明。例如, ` v-bind ` 指令被用来响应地更新 HTML 属性:
137
137
138
138
``` html
139
139
<a v-bind:href =" url" ></a >
0 commit comments