概述

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

v-if

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

v-else

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

v-show

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