Vue3.5 的重构，如何让内存占用减少56%！？

文章预览

前言 Vue3.5版本又将响应式给重构了，重构后的响应式系统主要有两部分组成： 双向链表 和 版本计数 。我们在前两篇文章中我们已经讲过了 双向链表 和 版本计数 ，这篇文章我们来讲讲为什么这次重构能够让内存占用减少56%。 为什么说“又”将响应式重构了 因为在之前的Vue3.4版本中刚刚将响应式给重构了，这次响应式重构是vscode插件Vue-Official（原名Volar）的作者 Johnson Chu 搞的。 3.4版本的重构优化了很多东西，最直观的就是：computed计算属性的值没有变化，另外一个watch又监听了这个computed的值。在3.4以前还是会触发watch的回调，经过3.4的优化后就不会触发了。 在3.5版本以前，Vue的响应式系统中有两个角色：Sub订阅者和Dep依赖。 Sub订阅者 ：主要有watchEffect、watch、render函数、computed等。 Dep依赖 ：主要有ref、reactive、computed等响应式变量。 他们两 ………………………………