vue - 性能优化篇
思考ing实践实践结论三级目录
思考ing
v-if 与 v-for 同级时谁的优先级比较高
v-if 与 v-for 同级时,怎么优化得到更好的性能
实践
实践结论
v-for 优先于 v-if 被解析
如果两者同时出现, 优先渲染列表再判断条件,无论如何判断,循环都不可避免,浪费了性能.
三级目录
避免上面出现的情况, 推荐的解决方案: 在外出嵌套template,在这一层进行v-if判断,然后在内部循环.
我们来看看这么做的效果怎样:
HTML:
<!DOCTYPE html>.
原创
2020-05-12 14:17:50 ·
200 阅读 ·
0 评论