概述

在 Vue.js 中，通过对模板中的元素使用一组指令来实现条件渲染。

v-if

当条件为 true 时，元素通常会显示。当条件为 false 时，仅发生部分编译，并且在条件变为 true 之前元素不会呈现到 DOM 中。

v-else

不接受条件，而是在前一个元素的 v-if 条件为 false 时呈现元素。只能在带有 v-if 指令的元素之后使用。

v-show

行为与 v-if 相似，但是，即使条件为 false ，元素也将始终呈现在 DOM 中。如果条件是 false，则该指令将简单地将元素的 display 样式设置为 none。