Jude's blog

归档 · 2021

首页

关于

归档

vue

27、vue组件化实践之组件通信(一)

vue组件系统提供了一种抽象,让我们可以使用独立可复用的组件来构建大型应用,任意类型的应用界 面都可以抽象为一个组件树。组件化能提高开发效率,方便重复使用,简化调试步骤,提升项目可维护性,便于多人协同开发。

更多
vue

26、关于v-for的key值为什么不能是index?

从实际的案例发现到在使用 v-for 时,将 key 值写成了 index,出现的问题。与其使用 index 作为 key ,不如完全不写 key,因为他们的性能是一样。比如一个列表长度为 10,用 index 作为 key ,各 item 的 key 值依次就是 0-9, 然后 reverse() 一下,列表的的 key 还是 0-9。在依次 patch 这 10 个 item 的时候,sameVnode() 全部返回真(因为 tag 和 key 都一样)。再看另外一种情况,如果不写 key , 那这 10 个 item 的 key 全部是 undefined, 在 sameVnode() 也是全部返回真(因为 tag 相同,key 也相同:key 都是 undefined)。所以得出结论,如果使用 in..

更多