摘要: <div v-if="error" key="search-status"> 错误{{error}} </div> <div v-else key="search-results"> {{results}} </div> 如果一组v-if+v-else的元素类型相同,最好使用属性key。 如果添加了 阅读全文
posted @ 2022-10-26 17:30 小那 阅读(192) 评论(0) 推荐(0) 编辑
摘要: <div v-for="item in items" :key="item.id"></div> key这个特殊性主要用在Vue.js的虚拟DOM算法中,在对比新旧虚拟节点是辨识虚拟节点 为什么要设置属性key呢? 因为在虚拟dom更新子节点时,需要从旧节点列表中查找与新虚拟节点相同的节点进行更新。 阅读全文
posted @ 2022-10-26 16:22 小那 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 为列表渲染增加属性key 在v-if/v-if-else/v-else中使用key 路由切换组件不变 为所有路由统一添加query 区分Vuex和props的使用边界 避免v-if和v-for一起使用 为组件样式设置作用域 避免在scoped中使用元素选择器 避免隐性的父子组件通信 单文件组件如何命 阅读全文
posted @ 2022-10-26 16:03 小那 阅读(16) 评论(0) 推荐(0) 编辑