v-if和v-show

Posted 520bigbear

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了v-if和v-show相关的知识,希望对你有一定的参考价值。

1.v-if 当值为 true时,显示元素 ,当值为false时,改元素消失------------------(销毁与重建dom)


2.v-show 当值为 true时,显示元素(display:block) ,当值为false时,改元素消失(display:none)------- (显示隐藏)---适用于频繁切换

 

注释:v-if 后还有 v-else 和 v-else-if 条件渲染,这里需要注意的是v-else 必须紧跟 v-if 或v-else-if 




以上是关于v-if和v-show的主要内容,如果未能解决你的问题,请参考以下文章

Vue中v-if和v-show的比较

16 v-if 和 v-show 的区别

简述vue中v-if和v-show的区别

v-if和v-show的不同

v-if 和 v-show的区别

v-if和v-show的区别