• Vue 2 条件渲染

    条件渲染相关的指令有哪些？

    1. v-if、v-else、v-else-if
    2. v-show

    v-if 的作用

    <div v-if="expression">div>

    • 1

    v-if 根据表达式 expression 返回的值是否为 truthy 来决定其内容是否被渲染。

    Vue还实现了 v-else 和 v-else-if：

    <div v-if="expression1">div>
<div v-else-if="expression2">div>
<div v-else>div>

    • 1
    • 2
    • 3

    注意，v-else-if 须紧跟在 v-if 后，v-else须紧跟在 v-if 或 v-else-if 后。

    如果想使用 v-if 控制多个元素的渲染，可以使用