跳到主要内容

v-if

一、认识


二、语法


三、问题


3.1 v-if vs f-for

Vue.js 2.0 中, 在同一元素上使用 v-ifv-for 时, v-forv-if 的优先级更高(源码中 v-for 优先被处理), 这意味着 v-if 将分别重复运行于每个 v-for 循环中。当 v-forv-if 在同一元素上结合使用时, 每次循环迭代时都会重新计算条件, 重新渲染和销毁元素, 可能会导致不必要的性能损耗。正确的做法是通过 computed 筛选需要渲染的元素 或者通过将 v-forv-if 分开使用即可。

3.2 v-if vs v-show