《Vue.js设计与实现》心得与总结

渲染器的设计 在 Vue.js 中，很多功能依赖渲染器来实现，例如 Transition 组件、Teleport 组件、Suspense 组件，以及 template ref 和自定义指令等。 渲染器

原始值的响应方案 - ref 的基本实现 由于 JavaScript 中的 Proxy 无法代理原始值，因此 Vue3 中引入了 ref 的概念。ref 本质上是一个“包裹对象”，从而间接实现原始值的

代理 Set 和 Map 的基本实现与实现代理 Set 和 Map 的响应联系 集合类型指 Set、Map、WeakSet 以及 WeakMap 。集合类型不同于普通对象，它有特定的数据操作方法。当使

Vue.js 3 的响应式数据是基于 Proxy 实现的。Proxy 可以创建一个代理对象。它能够实现对其他对象的代理。它允许我们拦截并重新定义对一个对象的基本操作。 在使用 Proxy 实现代理的过

响应系统的作用与实现 响应式数据与副作用函数 响应式数据指的是修改了该数据后，与之关联的副作用函数会自动重新执行的数据。 副作用函数指的是会产生副作用的函数。如果一个函数的执行会直接或间接影响其他函数

权衡的艺术 Vue.js 是一个声明式描述 UI 的框架。之所以采用声明式的，是出于代码的可维护性考虑。 声明式的代码虽然可维护性较高，但其性能并不优于命令式的代码。为了保持可维护性的同时让性能损失最