v-if 和 v-show 的区别


  • v-if
    • 渲染: 条件为真则添加到 DOM, 条件为假则从 DOM 移除
    • 场景: 条件不常改变, 初始状态不需要渲染的元素
  • v-show
    • 渲染: 通过 display 控制显隐
    • 场景: 需要频繁切换显隐