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