共同点:都可以控制元素的显示和隐藏
区别:
1.v-show
是控制元素的display
值来让元素显示和隐藏: v-if
显示隐藏是把DOM元素整个添加和删除
2.v-if
有一个局部编译/卸载的过程,切换这个过程中会适当的销毁和重建内部的事件监听和子组件,v-show
只是简单的css切换
3.v-if
才是真正的条件渲染: v-show
从false
变成true
的时候不会触发组件的生命周期,v-if
会触发生命周期
4.v-if
的切换效率比较低 v-show
的效率比较高