美文网首页
Vue v-if和v-show的区别

Vue v-if和v-show的区别

作者: 我啊翔1314 | 来源:发表于2019-01-22 16:41 被阅读0次

    v-if和v-show看起来似乎差不多,当条件不成立时,其所对应的标签元素都不可见,但是这两个选项是有区别的:
    1.v-if在条件切换时,会对标签进行适当的创建和销毁,而v-show则仅在初始化时加载一次,因此v-if的开销相对来说会比v-show大。
    2.v-if是惰性的,只有当条件为真时才会真正渲染标签;如果初始条件不为真,则v-if不会去渲染标签。v-show则无论初始条件是否成立,都会渲染标签,它仅仅做的只是简单的CSS切换。

    相关文章

      网友评论

          本文标题:Vue v-if和v-show的区别

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