2020 年要结束了,今年收获了很多,很开心,今年在技术上的对外产出主要是做了一门 Vue.js 3.0 的源码解析课程,公众号也慢慢做起来了。 快要放假了,祝大家新年快乐,顺便给大家推荐我近期在公众号做的系列原创技术文章,假期没事的时候可以看看,希望能给大家带来一点帮助。 喜欢就关注一下哈,我会输出更多的技术文章,你的关注就是我持续写作的动力😁
展开
黄轶于2020-12-31 15:49发布的图片
评论
2020 年要结束了,今年收获了很多,很开心,今年在技术上的对外产出主要是做了一门 Vue.js 3.0 的源码解析课程,公众号也慢慢做起来了。 快要放假了,祝大家新年快乐,顺便给大家推荐我近期在公众号做的系列原创技术文章,假期没事的时候可以看看,希望能给大家带来一点帮助:mp.weixin.qq.com;hid=2&sn=c8e34620b71dd8374222a41dc45947cb 喜欢就关注一下哈,我会输出更多的技术文章,你的关注就是我持续写作的动力😁
展开
1
黄轶的头像
前端架构师 @ zoom.us
黄轶的头像
前端架构师 @ zoom.us
赞了这篇沸点
今天看了一篇 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 技术揭秘》电子书有分析,关于插槽数据的更新实现我的源码课程视频里也有提到。所以你对源码感兴趣,可以戳下方电子书链接,电子书是开源免费的。视频课程是收费的,你可以按需购买学习,但请务必去官方购买正版喔~
展开
7
下一页
个人成就
优秀创作者
文章被点赞10,714
文章被阅读415,486
掘力值15,194
收藏集
0
关注标签
11
加入于