响应式系统
在探讨响应式系统时,首先需要了解两个核心概念:响应式数据
和 副作用函数
。
响应式数据
在响应式系统中,数据的变化会自动通知依赖于这些数据的组件或函数,从而实现数据和视图的同步。
Vue3 采用 Proxy 实现响应式数据(Proxy可以拦截对数据的访问和修改,从而实现响应式功能)
副作用函数
在响应式系统中,副作用函数通常用来处理数据变化带来的更新需求。
在响应式系统中,副作用函数会自动追踪其依赖的响应式数据,当这些数据发生变化时,系统会自动重新执行这些副作用函数。
为了优化性能,响应式系统可能会对副作用函数进行防抖和节流处理,以减少不必要的执行次数。