Key

标签下的所有文章 2 篇文章
返回所有标签

为何在Vue3递归组件中必须用v-if判断子项存在?

Vue3列表渲染核心v-for,语法为item in items,key需唯一稳定;多层嵌套列表用v-for结合v-if判断子项;动态层级数据(如无限嵌套)用递归组件(自我调用);注意key唯一性、响应式更新及空列表判断,递归需加终止条件避免栈溢出。

Vue3中v-for与v-if为何不能直接共存于同一元素?

Vue中v-for可遍历数组和对象。数组遍历支持基础用法、索引、对象解构;对象遍历可获取value、key、index,三参数顺序为value、key、index。v-for与v-if共存需放,用key维护列表状态避免“就地更新”。数组mutation方法(push等)可直接检测更新,非mutation方法(filter等)需替换原数组。