不管是 Vue2 中还是在 Vue 3 中计算属性 computed 都是我们在计算复杂逻辑的一把利器。原因在于计算属性会基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。

同学们，你是否想学习Vue的数据响应式原理而无从下手呢？是否有过被复杂的源码教程劝退的经历呢？如果你和我一样，做过一个项目之后想深入原理的话，恭喜你，你来对地方了。这个系列文章将从纯粹的Vue响应式原理出发，没有其他因素的干扰，带领大家实现一个自己的响应式系统。 使用Vue时，…

上周五晚上8点，开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求，并且维护这一块业务的同事已经下班走了，所以只有我来做。虽然内心一万头草泥马在狂奔，但是嘴里还是一口答应。

本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过react，阅读都不会有太大阻力。

在模板编译原理中，阐述到模板编译主要分为3个阶段，其中第2个阶段为 transfrom，主要是针对一些指令进行处理，但由于这部分逻辑特别复杂，没有从代码层面阐述。因此这篇博客借助模板编译工具从渲染函数

背景：经常在UI框架进行样式穿透的时候，会发生不生效的情况，既会是因为选择器优先级问题，这种比较好理解，提升优先级就好，但在vue中有时候需要将scoped去掉才能生效，有时候又不能去掉scoped，

Vue3.4黑魔法：双链表重构后的新响应式系统～本文为新式响应式系统的解析，该pr已被正式合并入minor分支，如果解析有不到位的地方，望各位提表建议。

`toRaw`是将一个Proxy代理对象转换成普通对象，`markRaw`则是将一个普通对象标记为不可Proxy代理的对象。那么，以响应式为中心的vue为什么会提供这两个api呢？

Vue3 发布（2020年09月18日）至今其实有一段时间了，虽然之前关注过许多关于 Vue3 的介绍，心理也一直很痒痒，寻思有一天一定要亲自试试，没想到一拖就拖了 1 年多 🤦 我上家公司是在使用