template v-if
因为 v-if 是一个指令,需要将它添加到一个元素上。但是如果我们想切换多个元素呢?此时我们可以把一个 <template>
元素当做包装元素,并在上面使用 v-if,最终的渲染结果不会包含它。
<template v-if="ok">
<h1>Title</h1>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
</template>
当ok为真值时,渲染为:
<h1>Title</h1>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
与v-else指令配合练习一下吧。