何全
获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
今天看了一篇 Vue.js 3.0 新特性的译文，文中提到 “在当前的 Vue 版本中，当父组件重新渲染时，其子组件也必须重新渲染。 使用 Vue 3 ，可以单独重新渲染父组件和子组件”。
这句话是不严谨的，非常容易产生误导，我觉得有必要说明一下： 2.0 组件的重新渲染就是组件粒度的，除非修改的数据是子组件的 props，才会触发子组件的重新渲染。
那么尤大的 PPT 中提到的场景是 Optimized Slots Generation。在 Vue.js 2.0 中，当父组件数据更新的时候执行会触发重新渲染，最终执行父组件的 patch，在 patch 过程中，遇到组件 vnode，会执行新旧 vnode 的 prepatch，这个过程又会执行 updateChildComponent, 这个时候如果这个子组件 vnode 如果有孩子（插槽内容）的时候，会重新 resolve slot 并执行一次子组件的 forceUpdate()，这种情况下才会触发子组件的重新渲染。而尤大所说的优化应该就是特指插槽的场景。
如果说任何场景下父组件的重新渲染就会触发子组件的数据渲染，那 Vue 的性能得有多差，记住 Vue 2.0 的重新渲染就是组件粒度的。
另外关于插槽的源码实现我的《Vue.js 技术揭秘》电子书有分析，关于插槽数据的更新实现我的源码课程视频里也有提到。所以你对源码感兴趣，可以戳下方电子书链接，电子书是开源免费的。视频课程是收费的，你可以按需购买学习，但请务必去官方购买正版喔~
这句话是不严谨的，非常容易产生误导，我觉得有必要说明一下： 2.0 组件的重新渲染就是组件粒度的，除非修改的数据是子组件的 props，才会触发子组件的重新渲染。
那么尤大的 PPT 中提到的场景是 Optimized Slots Generation。在 Vue.js 2.0 中，当父组件数据更新的时候执行会触发重新渲染，最终执行父组件的 patch，在 patch 过程中，遇到组件 vnode，会执行新旧 vnode 的 prepatch，这个过程又会执行 updateChildComponent, 这个时候如果这个子组件 vnode 如果有孩子（插槽内容）的时候，会重新 resolve slot 并执行一次子组件的 forceUpdate()，这种情况下才会触发子组件的重新渲染。而尤大所说的优化应该就是特指插槽的场景。
如果说任何场景下父组件的重新渲染就会触发子组件的数据渲染，那 Vue 的性能得有多差，记住 Vue 2.0 的重新渲染就是组件粒度的。
另外关于插槽的源码实现我的《Vue.js 技术揭秘》电子书有分析，关于插槽数据的更新实现我的源码课程视频里也有提到。所以你对源码感兴趣，可以戳下方电子书链接，电子书是开源免费的。视频课程是收费的，你可以按需购买学习，但请务必去官方购买正版喔~
展开
7
55
赞了这篇沸点
【双11期间快递员凌晨送件 将下班程序员误认成小偷[允悲]】双11期间，杭州一位快递员深夜前往某小区送快递，把深夜下班程序员业主误认为“小偷”。出于小区安全考虑，他及时上前进行劝阻，一番功夫下来才知自己闹了乌龙。快递员小董后来表示，没想到这么晚了还有人才下班，感觉对方“头发长长的很久没打理了，很可疑。”后来了解到这位业主是程序员后，小董表示：“怎么看都不像是个修电脑的啊。干这行的不是应该穿西装打领带吗？”网友们评价：“这么负责的快递员小哥太可爱了！[允悲]”“这是程序员被黑得最惨的一次”
展开
评论
10
赞了这篇沸点
Vue.js 3.0 is coming!
比较期待性能方面的优化，以及TS 和多 Package 的源码维护方式，持续关注~
比较期待性能方面的优化，以及TS 和多 Package 的源码维护方式，持续关注~
评论
29