v-if 指令实现条件判断,指令的表达式返回 true 时才会显示。v-if是动态的向DOM树内添加或者删除DOM元素;v-if初始值为false,就不会编译了。v-if使用场景是多个视图切换或元素显示隐藏。
可以用 v-else 指令给 v-if 添加一个 else 块。
当v-if 、 v-else 两个指令无法满足多条件的业务需求,可以使用v-else-if 增加多种情况的判断。