Vue.js 3开发基础与实战（微课版）课件 -第二章 Vue开发基础.ppt

条件渲染2．v-show除了v-if指令，还可以使用v-show指令来按条件显示DOM元素。其用法和v-if基本上一致。与v-if指令不同的是，v-show指令是控制元素的隐藏和显示，而不是将其从页面中删除或添加，v-show和v-if的具体区别如下：v-if是按照表达式结果真假是否选择渲染，而v-show不管表达式结果真假都进行渲染，然后通过CSSdisplay属性进行切换显示和隐藏。v-if是真正意义的按条件渲染，它在切换时，条件区块内的事件监听会正常执行，子组件也会被销毁与重建。从开销来说，v-if有更高的切换开销，而v-show有更高的初始渲染开