在 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编程中的块级元素和行内元素 2023-12-27
- 浅谈CSS 高度塌陷问题 2024-01-24
- css3语法中Flex布局的基本介绍 2024-12-13
- 5分钟教你学会 CSS Grid 布局 2023-12-28
- javascript下使用Promise封装FileReader 2023-12-01
- 兼容各个浏览器的技巧 2022-10-16
- CSS3解决移动页面上点击链接触发色块的问题 2024-02-07
- 提高网站性能中内容有关的10条原则 2024-03-10
- vue基础4(完) 2023-10-08
- Bootstrap CSS组件之大屏幕展播 2023-12-11