1.从源码compiler/codegen/index.js中可以看出来了,条件判断的时候首先判断的 e.for循环,然后在是 e.if条件的判断.所以 v-for优先于 v-if 解析
2.如果同时出现,每次渲染都会先执行循环在判断条件,无论如何都不可避免浪费了性能.打印 render 函数也可以看出来 v-for优先 v-if渲染
3.如果要必选这种情况,需要在外层嵌套 template,在这一层进行 v-if 的判断,然后内部进行 v-for 循环
- 如果条件出现在循环内部,可通过计算属性提前过滤掉那些不需要展示的项
