美文网首页
v-if和v-show的性能比较

v-if和v-show的性能比较

作者: 黄黄黄大帅 | 来源:发表于2020-09-03 15:53 被阅读0次
    实现本质方法区别

    vue-show本质就是标签display设置为none,控制隐藏
    vue-if是动态的向DOM树内添加或者删除DOM元素

    编译的区别

    v-show其实就是在控制css
    v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件

    编译的条件

    v-show都会编译,初始值为false,只是将display设为none,但它也编译了
    v-if初始值为false,就不会编译了

    性能

    v-show只编译一次,后面其实就是控制css,而v-if不停的销毁和创建,故v-show性能更好一点。

    相关文章

      网友评论

          本文标题:v-if和v-show的性能比较

          本文链接:https://www.haomeiwen.com/subject/ckcosktx.html