lamda 对比两个list_vue2和vue3的vif与vfor优先级对比学习

Vue.js 中使用最多的两个指令就是 v-if 和 v-for，因此我们可能会想要同时使用它们。虽然官方不建议这样做，但有时确实是必须的，我们来了解下他们的工作方式：

• 在 vue 2.x 中，在一个元素上同时使用 v-if 和 v-for 时，v-for 会优先作用。
• 在 vue 3.x 中，v-if 总是优先于 v-for 生效。

对比学习

接下来我们通过一个简单的示例来感知下，假设我们想要实现一个极简的 todoList 效果：

todolist

我们有一个 todoList：

const todoList = [
  {
    
    id: 0,
    task: '吃饭',
    done: true,
  },