公告

👇公众号👇---👇 微信 👇

欢迎大家私信&加群交流

Skip to content

v-show 与 v-if

粥里有勺糖 2020-04-14大前端vue 126 个字 1 分钟

v-show

  • v-show 只是在 display: none 和 display: block|inline-block|flex ... 之间切换。无论初始条件是什么都会被渲染出来
  • 初始渲染时有更高的开销
    • 切换开销很小,适合于频繁切换的场景

v-if

  • 属性初始为 false 时,组件就不会被渲染
  • 条件为 true时渲染出来,并且切换条件时会触发销毁/挂载组件
    • 切换时开销更高
    • 适合不经常切换的场景。
评论