v-if和v-show都用于元素的隐藏与展现。但他们的区别在哪呢
(同时展现二者,使用v-if的id取值为aaa,使用v-show的id取值为bbb)
(将isShow改为false,二者毫无疑问都消失了)
我们可以看见,id为aaa的h2元素直接消失在了整个dom里,这行代码都没了,所以aaa消失了。
而bbb则是在样式里加入了display:none使得bbb消失
那么该如何选择v-if还是v-show呢?
1.如果切换频率较高时使用v-show,因为我们知道,v-show只是改变样式,这样性能肯定会比v-if高出不少
2.相对的,如果只有一次切换,比较推荐使用v-if