v-show 与 v-if

德沃编程 2020-04-14大前端vue

v-show

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

v-if

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