v-if

一、认识

---

v-if​ 基于表达式值的真假性，来条件性地渲染元素或者模板片段。

• 当 v-if 元素被触发，元素及其所包含的指令/组件都会销毁和重构。如果初始条件是假，那么其内部的内容根本都不会被渲染。可用于 <template> 表示仅包含文本或多个元素的条件块。

• 可用于 <template> 表示仅包含文本或多个元素的条件块

• 当条件改变时会触发过渡效果

• 当同时使用时，v-if 比 v-for 优先级更高。