vue面试005.v-for和v-if为什么不建议一起使用？

官方文档：

• cn.vuejs.org/v2/guide/li…
• cn.vuejs.org/v2/style-gu…

vue2中v-for的优先级比v-if优先级要高，如果v-for和v-if一起使用用在同一个元素上，会先走v-for的逻辑，会遍历列表的每一项，然后针对每一项再进行v-if的逻辑处理，首先遍历列表会有额外的开销，渲染列表中不需要展示的列表项也会带来渲染开销，可以使用计算属性把要展示的列表项先过滤出来，直接遍历和渲染需要展示的列表项，而且计算属性拥有缓存机制，如果依赖的响应式属性没有变化的话，计算属性不会重新计算，直接读取缓存值。