#响应式
Vue3 响应式(4)-Wacth 的实现原理

前几篇文章已经构建了较为完善的响应式系统,并且实现了计算属性 computed 以及调度器、懒执行等特性。这一篇文章就来实现另外一个重要的功能—— watch 监听。

Vue3 响应式(3)-计算属性 computed

上文Vue3 响应式(2)-分支切换、嵌套、和无限递归解决了原有响应式系统的一些问题,实现了较为完善的数据绑定。本文在此基础上实现简单的计算属性功能 computed

Vue3 响应式(2)-分支切换、嵌套、和无限递归

上文Vue3 响应式(1)-基础原理介绍了响应式系统的基本原理并利用 Proxy 进行了简单的实现,能够应对简单的响应式场景。但该系统仍然面临着一些问题,比如当副作用函数中既包含对响应式对象的读取操作也包含设置操作时会使系统进入无限递归的死循环、当代码分支切换时冗余的关联没有被及时清理等问题。本文就来一一介绍这些问题以及解决方法。

Vue3 响应式(1)-基础原理

Vue 之所以能够实现声明式的 UI,是因为 Vue 通过响应式将数据和 UI 进行了绑定,当数据发生变化时 Vue 会自动调用相应的函数来重新渲染受到影响的 UI。本系列文章就来简单分析下 Vue 响应式系统的实现。本文先从响应式的基础原理开始,实现一个简单的响应式系统。