v-if和v-show具有类似的功能,不过v-if才是真正的条件渲染,它会根据表达式是适当地销毁或重建元素及绑定的事件或子组件。
若表达式初始值为false。则一开始元素/组件并不会渲染,只有当条件第一次变为真时才开始编译。
而 v-show 只是简单的CSS属性切换,无论条件真与否,都会被编译。相比之下,v-if更适合条件不经常改变的场景,因为它切换开销相对
较大,而v-show适用于频繁切换条件。
v-if和v-show具有类似的功能,不过v-if才是真正的条件渲染,它会根据表达式是适当地销毁或重建元素及绑定的事件或子组件。
若表达式初始值为false。则一开始元素/组件并不会渲染,只有当条件第一次变为真时才开始编译。
而 v-show 只是简单的CSS属性切换,无论条件真与否,都会被编译。相比之下,v-if更适合条件不经常改变的场景,因为它切换开销相对
较大,而v-show适用于频繁切换条件。