Vue


v-if

条件渲染

<p v-if="false">AAA</p>
<p v-else-if="true">BBB</p>
<p v-else>CCC</p>

v-if 和 v-show 的区别：

  • v-if 是在初次渲染时进行条件判断，如果条件为假，则对应的 DOM 元素不会被渲染到页面中
  • v-show 无论初始条件如何都会被渲染，改变的是 CSS 的 display
  • v-if 有较高的切换开销
  • v-show 有较高的初始渲染开销
  • 频繁切换的场景用 v-show

页面列表

ITEM_HTML