v-else-if 和 v-else

<div v-if="type === 'A'">type 全等于 A</div>
<div v-else-if="type === 'B'">type 全等于 B</div>
<div v-else-if="type === 'C'">type 全等于  C</div>
<div v-else> Not A/B/C </div>

data () {
  return {
    type: 'C'
  }
}

如果 v-if 和 v-for 要结合使用，则会出现问题，vue 最终渲染出来的页面效果并非你内心所预期。对于这个问题的解决方案见《专项问题》笔记。