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

2025年01月09日 建站教程

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

在 vue2 中v-forv-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 是未定义报错了。

本文链接:http://so.lmcjl.com/news/21019/

展开阅读全文
相关内容