Vue响应式原理核心是 数据劫持，采用 ES5 的 objectdefineproperty 的 getter 和 setter 方法从一个例子出发首先，在Vue初始化阶段，通过 observer 对 data 中的属性进行递归的劫持，包括 namejob_ undergoab等。

vue响应式基本原理是基于ObjectdefinePropertyobj，prop，descriptor，descriptor里面可以定义get和set方法，可以在获取属性值事触发get方法可以收集依赖，设置属性值时触发set方法更新依赖Vue最独特的特性之一，是其非。

响应式原理 每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据 property 记录为依赖之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染思考 get函数。

您还可以使用#160vm$delete实例方法，这也是全局#160Vuedelete方法的别名#160针对数组，只能通过以下方法，才能实现响应式push#160pop#160unshift#160shift#160splice#160。

数组通过经过vue二次封装的push，unshift，pop，shift，sort，reverse，splice可以实现数组中数据的响应式，通过索引增删改查vue是不响应的或者使用vuesetvm$set对象通过vuesetvm$set。

Vuejs 是一个流行的 JavaScript 框架，它的核心是基于响应式原理实现的这意味着当数据发生变化时，Vue 会自动更新相关的界面元素Vue 响应式原理的核心是通过使用 ObjectdefineProperty 函数来劫持对象的属性来实现的在 Vue 中。

手把手教你搓Vue响应式原理二深度监测对象全部属性 手把手教你搓Vue响应式原理三observe 以及 ob 手把手教你搓Vue响应式原理四 数组的响应式处理 之前已经将数据劫持已经全部完成了那么，接。

当一个vue实例加载时，会进行初始化，将他的配置项options和mixins的内容合并，以options为主，而在初始化data时，会对data对象进行数据劫持，并做代理，通过Objectdefinproperty劫持数据后vue会查找当前属性有无依赖项既被wa。

if target_isVue ob obvmCount ！== #39production#39 warn #39Avoid adding reactive properties to a Vue instance or its root $data #39 + #39at runtime declare it upfront in。

Vue3 中响应式核心方法就是 reactive 和 effect ， 其中 reactive 方法是负责将数据变成响应式， effect 方法的作用是根据数据变化去更新视图或调用函数，与 react 中的 useEffect 有点类似~其大概用法如下。