在 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: '小南' },
]
}
}
在 vue3 中这样写会报错,就是因为 v-if
的优先级更高,所以 item.show 是未定义报错了。
沃梦达教程
本文标题为:vue3面试题:v-if 和 v-for 的优先级哪个高?
基础教程推荐
猜你喜欢
- CSS中使用expression表达式 2024-01-21
- AJAX+Servlet实现的数据处理显示功能示例 2023-02-15
- css的边偏移距离针对left和right可能性值探讨 2023-12-22
- ASP.NET Core中快速构建PDF文档的步骤分享 2024-04-09
- js图片延迟加载的实现方法及思路 2024-02-09
- TWebBrowser 与 MSHTML(4): location、history、screen、navigator 对象的属性与方法纵览 2023-10-27
- js中的鼠标事件有哪些(用法示例学习进阶) 2023-11-30
- node爬取新型冠状病毒的疫情实时动态 2024-01-05
- CSS3的几个标签速记(推荐) 2024-04-07
- 解决ajax返回验证的时候总是弹出error错误的方法 2022-12-15