条件渲染

v-if指令用于条件性的渲染一块内容,这部分内容只会在指令表达式返回true的时候被渲染。

显示div
data() { return { awesome:true, } },

也可以使用v-else添加一个else块:

显示div
否则是这个
data() { return { awesome:true, } },
在元素上使用条件渲染分组

因为v-if是一个指令,所以必须将它添加到元素上。但是如果想切换多个元素?此时可以把一个