Vue 条件渲染 v-if

v-if 指令：用于控制元素的显示或隐藏。

执行条件：当条件为 false 时，会将元素从 DOM 中删除。

应用场景：适用于显示隐藏切换频率较低的场景。

语法格式：

内容

基础用法：

效果：

注：当条件为 false 时，会将该元素从 DOM 中删除。

 

配合 JS 表达式使用：

效果：

配合 v-else 和 v-else-if 使用 ：

 效果：

注：v-else 和 v-else-if 必须紧跟在 v-if 的后边，标签之间紧挨着不能被打断。另外 v-else 不需要写执行条件。 

原创作者：吴小糖

创作时间：2023.12.19