v-if 和 v-show 的区别

v-if 和 v-show 的区别

v-if 和 v-show 在页面都展示为显示隐藏

如：

<div v-if=""></div> 

v-if 为true的时候，div显示，当为false的时候，div消失，代码也消失，相当于删除了div，当为true的时候在重新渲染出来这个div；他是惰性的，只有为真的时候才会被渲染，否则什么也不做；而且还有v-if 和v-else

<div v-if="flase"></div>
<div v-else></div>

if-show也是为true的时候显示，为false的时候隐藏，但是他不会消失，相当于css的display：none；也就是说总是会被渲染；

一般来说， v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件不太可能改变，则使用 v-if 较好。