文档中明确指出永远不要把
v-if
和v-for
同时用在同一个元素上,显然这是一个重要的注意事项
结论:
-
vue2: v-for 优先级高于 v-if
-
vue3: v-if 优先级高于 v-for
vue2
先循环再判断条件,性能浪费,并且控制台会报警告。看下源码中对指令优先级判断
vue3
已经不允许这么写了,如果这么写是会报错的,因为dom还没生成。看下源码中对指令优先级判断
文档中明确指出永远不要把
v-if
和v-for
同时用在同一个元素上,显然这是一个重要的注意事项
先循环再判断条件,性能浪费,并且控制台会报警告。看下源码中对指令优先级判断
已经不允许这么写了,如果这么写是会报错的,因为dom还没生成。看下源码中对指令优先级判断