v-if和v-for哪个优先级更高？如果两个同时出现，应该怎么优化得 到更好的性能？

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 循环

  1. 如果条件出现在循环内部,可通过计算属性提前过滤掉那些不需要展示的项
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容