说一说 v-if 和 v-show 区别?
解题思路:v-show true/false 都渲染、v-if true 渲染 false 不渲染。
标准回答:
- 作用:v-show、v-if 都是控制元素隐藏和显示的指令。
- 区别:
① v-show:控制元素无论是 true 还是 false,都被渲染出来了,通过 display: none; 控制元素隐藏。
② v-if:控制的元素是 true,进行渲染;如果是 false 不渲染,根本在 dom 树结构中不显示。 - 应用:
① v-show:适合使用在切换频繁显示/隐藏的元素上。
② v-if:适合使用在切换不频繁,且元素内容很多,渲染一次性能消耗很大的元素上。