关于vue中v-for与v-if优先级的问题看法

在Vue2中，v-if 的优先级高于 v-for。这意味着，在一个带有 v-for 和 v-if 的元素上，每个循环中的元素都会首先被计算其是否应该渲染，然后再进行循环渲染。

例如，在以下代码中，只有满足条件“item.show”为真时，才会循环渲染该元素：

<div v-for="item in itemList" v-if="item.show">{{ item.name }}</div>

在Vue3中，v-for 的优先级高于 v-if。这意味着，如果在一个带有 v-for 和 v-if 的元素上，先进行循环渲染，然后再根据条件决定是否显示该元素。

例如，在以下代码中，所有元素都将被循环渲染，但只有满足条件“item.show”为真时，才会显示该元素：

<div v-for="item in itemList" v-if="item.show">{{ item.name }}</div>

总结：

在 Vue2 中，v-if 优先级高于 v-for，因此使用时需要注意元素的渲染顺序。而在 Vue3 中，v-for 优先级高于 v-if，更符合直觉。无论是哪个版本，都要谨慎使用 v-if，以避免性能问题