vue2和vue3的v-if与v-for优先级对比学习

Vue.js 中使用最多的两个指令就是 v-if 和 v-for ，因此我们可能会想要同时使用它们。虽然官方不建议这样做，但有时确实是必须的，我们来了解下他们的工作方式： 在 vue 2.x 中，在一个元素上同时使用 v-if 和 v-for 时， v-for 会优先作用。 在 vue 3.x 中， v-if 总是优先于 v-for 生效。 对比学习 接下来我们通过一个简单的示例来感知下，假设我们想要实现一个极简的 todoList 效果： 我们有一个 todoList： const todoList = [ { id: 0, task: '吃饭', done: true,