vue 中 v-if与v-for的优先级

1. v-if与v-for的优先级

        二者的优先级不明显,不推荐一起使用

        v-if和v-for可以在一起使用,但是官方不推荐,因为这样二者的优先级不明显

             Vue2 中v-for 的优先级高于 v-if

             Vue3 中 v-if  的优先级高于 v-for  

• 在vue2中，把它们放在一起，输出的渲染函数中可以看出会先执行循环再判断条件，哪怕我们只渲染列表中一小部分元素，也得在每次重渲染的时候遍历整个列表，这会比较浪费
• 在vue3中，v-if的优先级高于v-for，所以v-if执行时，它调用的变量还不存在，就会导致异常