V-if :
1. 是条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当的被销毁和重建。
2. 是惰性的,如果初始渲染条件为假,则什么都不做,直到条件第一次变为真的时候,开开始渲染条件快。
V-show:
无论初始条件是什么,元素都会被渲染,并且只是进行简单的基于CSS进行切换。
比较:
v-if有更高的开销的时候。而v-show有更高的初始渲染开销。
如果需要非常频繁的切换,则用v-show比较好。
如果运行时条件很少改变,则用v-if比较好。
备注:
当 v-if
与 v-for
一起使用时,v-for
具有比 v-if
更高的优先级。