为什么v-if和v-for不建议用在同一标签？

为什么v-if和v-for不建议用在同一标签？

在Vue2中，v-for优先级是高于v-if的，咱们来看例子

{{item}}

复制代码 上面的写法是v-for和v-if同时存在，会先把7个元素都遍历出来，然后再一个个判断是否为3，并把3给隐藏掉，这样的坏处就是，渲染了无用的3节点，增加无用的dom操作，建议使用computed来解决这个问题：

{{item}}

computed() {
list() {
return [1, 2, 3, ].filter(item => item !== 3)
}
}