Vue-03条件判断之v-if、v-else-if、v-else的使用

v-if、v-else-if、v-else

这三个指令与JavaScript的条件语句if、else、else if类似。
Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件。

实例

v-if的原理：

v-if后面的条件为false时，对应的元素以及其子元素不会渲染。
也就是根本没有不会有对应的标签出现在DOM中。

注意

一般来说如果需要处理比较复杂的业务那么就使用计算属性，将业务处理放在computed选项中。