vue 的响应性的实现，在 @vue/reactivity 包下，对应的源码目录为 packages/reactivity。ref 比 reactive 的实现简单，且不需要用到 es6 Proxy

响应式篇核心 基于数据驱动的思想，将数据变化反应到视图上，从而实现自动化视图更新。 基于代理模式的思想，使用Proxy对象进行数据代理，从而实现监听数据的读取和修改操作。 响应式数据与副作用函数 什么

​ 在 Vue 3 中, computed 是一个用于定义和计算响应式计算属性的函数。它可以根据依赖的响应式数据进行自动更新，并且具有缓存机制，只有当依赖的数据发生变化时，才会重新计算计算属性的值。使

在讲解之前，我们先了解一下数据响应式是什么？所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操

Proxy 对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。 proxy是es6新特性，为了对目标的作用主要是通过handler对象中的拦截方法拦截目标对象target的某些行为（如属性查找、赋值、枚举、函数调用等）。 vue2.0 用 Object.d…

track主要是建立属性和effect的映射关系，trigger是找到属性对应的effect，挨个执行。 全局变量activeEffect 和 targetMap 辅助这两方法实现。

依赖收集和派发更新整体流程解析、核心类ReactiveEffect解析、computed、watch&watchEffect相关依赖收集和派发更新流程解析

在之前的文章里小浪介绍过Vue2的响应式原理，评论中有掘友评论想让我介绍Vue3的响应式原理，那么在这篇文章中小浪来带大家来简单手写一下Vue3中的几个响应式api

Vue这个框架相信大家都不陌生了，提到Vue我相信面试官首先会问的问题之一就是Vue的响应式原理是如何实现的，之前也写过一篇Vue2的响应式原理的文章，那么我们今天就来聊聊Vue3的响应式机制。