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

weekCodeing / interview-answe

🌍 前端程序员训练求星星 ✨ 各位同学可以在issues中提问，无论是实际项目中遇到的问题，或者是技术问题都可以，大家一起解决💯 👍 😄。

http://www.dadaqianduan.cn/

76 stars 9 forks source link

Open webVueBlog opened 4 years ago

webVueBlog commented 4 years ago

[vue]

webVueBlog commented 4 years ago

处于同一节点时，v-for优先级更高，v-if会执行在每个循环中。两个同时出现时分两种情况： 1:需要对数组里每一个元素进行判断，此时应使用计算属性，得到所有符合条件的元素数组，然后用v-for遍历新数组 2:需要根据条件跳过循环，此时应该将v-if置于外层元素（或）上