v-if和v-show的区别

v-if和v-show的区别

共同点：v-if 和 v-show 都能实现元素的显示隐藏

区别：

1.v-show只是简单的控制元素的display属性，而v-if才是条件渲染（条件为真，元素会被渲染，条件为假，元素会被销毁）

2.v-show有更高的首次渲染开销，而v-if的首次渲染开销小的多

3.v-if有更高的切换开销，v-show切换开销小

4.v-if有配套的v-else和v-else-if，而v-show没有

5.v-if可以搭配template使用，而v-show不行