File tree Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Original file line number Diff line number Diff line change @@ -21,7 +21,7 @@ order: 7
21
21
<h1 v-if =" ok" >Yes</h1 >
22
22
```
23
23
24
- 也可以用 ` v-else ` 添加一个 “ else” 块:
24
+ 也可以用 ` v-else ` 添加一个 " else" 块:
25
25
26
26
``` html
27
27
<h1 v-if =" ok" >Yes</h1 >
@@ -55,7 +55,7 @@ order: 7
55
55
56
56
## v-else
57
57
58
- 可以用 ` v-else ` 指令给 ` v-if ` 或 ` v-show ` 添加一个 "else 块" :
58
+ 可以用 ` v-else ` 指令给 ` v-if ` 或 ` v-show ` 添加一个 "else" 块 :
59
59
60
60
``` html
61
61
<div v-if =" Math.random() > 0.5" >
@@ -66,7 +66,7 @@ order: 7
66
66
</div >
67
67
```
68
68
69
- ` v-else ` 元素必须立即跟在 ` v-if ` 或 ` v-show ` 元素的后面——否则它不能被识别。
69
+ ` v-else ` 元素必须紧跟在 ` v-if ` 或 ` v-show ` 元素的后面——否则它不能被识别。
70
70
71
71
### 组件警告
72
72
@@ -88,13 +88,13 @@ order: 7
88
88
89
89
## v-if vs. v-show
90
90
91
- 在切换 ` v-if ` 块时, Vue.js 有一个局部编译/卸载过程 ,因为 ` v-if ` 之中的模板也可能包括数据绑定或子组件。 ` v-if ` 是真实的条件渲染,因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件 。
91
+ 在切换 ` v-if ` 块时, Vue.js 有一个局部编译/卸载的过程 ,因为 ` v-if ` 之中的模板也可能包括数据绑定或子组件。 ` v-if ` 是真实的条件渲染,因为它会确保条件块在切换当中适当地销毁与重建条件块内的事件监听器和子组件 。
92
92
93
93
` v-if ` 也是** 惰性的** :如果在初始渲染时条件为假,则什么也不做——在条件第一次变为真时才开始局部编译(编译会被缓存起来)。
94
94
95
95
相比之下, ` v-show ` 简单得多——元素始终被编译并保留,只是简单地基于 CSS 切换。
96
96
97
- 一般来说, ` v-if ` 有更高的切换消耗而 ` v-show ` 有更高的初始渲染消耗。因此,如果需要频繁切换 ` v-show ` 较好,如果在运行时条件不大可能改变 ` v-if ` 较好。
97
+ 一般来说, ` v-if ` 有更高的切换消耗而 ` v-show ` 有更高的初始渲染消耗。因此,如果需要频繁切换使用 ` v-show ` 较好,如果在运行时条件不大可能改变则使用 ` v-if ` 较好。
98
98
99
99
100
100
***
You can’t perform that action at this time.
0 commit comments