DOM 记录

for

<div
      class="item-warp"
      v-for="(item, index) in items"
      :key="index"
    >
    // 省略业务代码
</div>

点击事件

<div
      class="item-warp"
      @click="onItemClick(item)"
    />

if

div 不加载

<div
      class="item-warp"
      v-if="true"
    />

show

div 加载，但控制显示/隐藏
<div
      class="item-warp"
      v-show="true"
    />