v-for和v-if的优先级（怎么和我想的不一样呢？）

在vue中，v-for和v-if的优先级取决于版本：

• Vue 2.0。v-for的优先级高于v-if。这意味着，当v-for和v-if同时出现在同一个元素上时，v-for会被先解析，然后才会考虑v-if。这可能导致在渲染少量元素时，每次重新渲染都会遍历整个列表，从而浪费性能。

• Vue 3.0。v-if的优先级高于v-for。在Vue 3中，如果将v-if和v-for同时使用在同一个元素上，可能会出现编译错误，因为v-if依赖于v-for的数据源

因此，建议在处理v-if和v-for连用的场景时，采取以下措施：

• 在循环渲染之前使用filter或computed计算属性过滤不需要的数据。

• 如果需要根据条件渲染单个项，可以将v-if放在内层元素上。

• 避免在同一元素上同时使用两者，以减少性能浪费。