摘要: key的作用: 同一层级的节点,通过唯一的key进行区分,key是vnode的唯一标记,参与对比新旧vnode。 避免使用index作为key: 当index作为key的时候,新插入一条数据的时候,它后面列表项的key都会变化,key变化的列表项都会重新渲染,但其实它们的新旧vnode是可以复用的, 阅读全文
posted @ 2021-10-14 11:18 starlog 阅读(67) 评论(0) 推荐(0)
摘要: v-for优先级高于v-if,如果v-for和v-if写在一起,会先执行v-for,循环出列表,然后用v-if判断每一个列表项 应该使用计算属性,先将不需要的值过滤掉 // DOM <ul> <li v-for="item in filterList" :key="item.id"> {{ item 阅读全文
posted @ 2021-10-14 10:53 starlog 阅读(379) 评论(0) 推荐(0)
摘要: v-if:如果条件不成立不会渲染当前指令所在节点的DOM元素 v-show:只是切换当前DOM的显示与隐藏 阅读全文
posted @ 2021-10-14 10:42 starlog 阅读(54) 评论(0) 推荐(0)
摘要: 元素设置了display: none,不占据空间 阅读全文
posted @ 2021-10-14 10:33 starlog 阅读(689) 评论(0) 推荐(0)