v-if和v-show的区别

v-if和v-show都用于元素的隐藏与展现。但他们的区别在哪呢

v-if和v-show的区别

(同时展现二者,使用v-if的id取值为aaa,使用v-show的id取值为bbb)
v-if和v-show的区别
(将isShow改为false,二者毫无疑问都消失了)
v-if和v-show的区别
我们可以看见,id为aaa的h2元素直接消失在了整个dom里,这行代码都没了,所以aaa消失了。
而bbb则是在样式里加入了display:none使得bbb消失

那么该如何选择v-if还是v-show呢?
1.如果切换频率较高时使用v-show,因为我们知道,v-show只是改变样式,这样性能肯定会比v-if高出不少
2.相对的,如果只有一次切换,比较推荐使用v-if

上一篇:前端——超链接(一)


下一篇:js函数常见的写法以及调用方法