1.概述
- v-if指令的作用是:根据表达式的真假,从DOM树中操作元素
- 表达式为true,则将元素存放在DOM树中
- 表达式为false,则将元素从DOM树移除
- 从DOM树中操作,性能非常低,因此尽量使用
v-show
2.实践:年龄>18时显示黄图
先创建Vue实例,设置好"age"用以判断
设置被挂载的元素(将id设为"yellow"),并添加v-if
属性
未满18岁时:
满18岁后:
3.尽量不使用v-if
-
v-if是直接从DOM树中操作元素(添加/移除元素),性能很低
-
v-show是设置元素的display,隐藏时"display:none",性能相比较高!
-
v-show也可以使用表达式!因此用v-show就对了!