vue3面试题：v-if 和 v-for 的优先级哪个高？

在 vue2 中v-for的优先级更高，但是在 vue3 中优先级改变了。v-if的优先级更高。

在 vue2 中v-for和v-if同时出现时，可放在一个标签内，如下写法：

复制代码<div v-for="item in data" v-if="item.show" :key="item.id"> {{ item.show }} </div>

复制代码data(){
 return{
  data:[
   { id: 1, show: true, name: '小米' },
   { id: 2, show: false, name: '小花' },
   { id: 3, show: true, name: '小南' },
  ]
 }
}
1
2
3
4
5
6
7
8
9

在 vue3 中这样写会报错，就是因为 v-if 的优先级更高，所以 item.show 是未定义报错了。

vue语法中v-if和v-show哪个性能好

vue如何利用v-for遍历二维数组

vue语法中v-show和v-if有什么不同

vue项目中v-if和v-for哪个级别更高

vue项目利用v-for批量绑定按钮

标签： v-for, v-if, vue3面试题

上面是“vue3面试题：v-if 和 v-for 的优先级哪个高？”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4637.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！