v-if和v-show的区别

 

1. 工作中经常用到显示或者隐藏

v-if和v-else搭配使用

2. 但是两者有很大的区别

v-if 的隐藏相当于直接删除,实时的,

v-show的隐藏,是通过display:none,只是看不见,实际还存在.

3. 如果不想频繁调用接口,就使用v-if

4. v-if有更高的切换消耗,v-show是有更高的初始渲染消耗

基于以上区别,如果是非常频繁的切换,则使用v-show比较好,如果在运行条件很少,则使用v-if比较好

 

参考如下: