共同点:
v-if和v-show的作用效果都是一样的,都可以实现元素显示和隐藏
区别:
1.v-if在条件切换时,会对标签进行适当的创建和销毁,而v-show则只需要在初始化加载一次,因此v-if比v-show开销相对较大。
2.v-if是惰性的,只有当条件为真时,才会真正渲染标签,而v-show无论初始条件是否成立,都会渲染标签,v-show仅仅是做简单的css切换。
使用场景:
如果需要频繁地切换显隐,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好