Vue条件判断篇

v-if：

v-if条件判断指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。

跟其他编程语言一样，也可以添加if else 的指令，不过vue中代码块不同，如下：

template：

因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。

v-else-if是连续判断的时候需要用到的判断语句：