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 较好。