v-if和v-show的用法与区别

vue中有两种常用的显隐方法：v-if和v-show。但是两者有本质区别

实现本质方法区别：

v-if是动态地向DOM树内添加或者删除DOM标签

v-show其实是将标签display设置为none，控制隐藏

编译的区别：

v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件

v-show其实就是在控制css

性能：

v-if不停的销毁和创建

v-show只编译一次，后面其实都是在控制css，如果需要频繁切换，用v-show比较好

扫描二维码关注公众号，回复： 5669022 查看本文章