共同点:v-if 和 v-show 都能实现元素的显示隐藏
区别:
-
v-show 只是简单的
控制元素的 display 属性
,而 v-if 才是条件渲染
(条件为真,元素将会被渲染,条件为假,元素会被销毁); -
v-show 有更高的
首次渲染开销
,而 v-if 的首次渲染开销要小的多; -
v-if 有更高的
切换开销
,v-show 切换开销小; -
v-if 有
配套的 v-else-if 和 v-else
,而 v-show 没有 -
v-if 可以
搭配 template 使用
,而 v-show 不行