1、Vue3 中响应式核心方法就是 reactive 和 effect ， 其中 reactive 方法是负责将数据变成响应式， effect 方法的作用是根据数据变化去更新视图或调用函数，与 react 中的 useEffect 有点类似~其大概用法如下。
2、视图更新原理 其原理就是vue的响应式更新dom的原理，m = v m是数据，也就是在vuerouter install时在根组件root vue component添加了_route属性，在匹配到对应路由后更新了_route属性值，继而触发了该属性值的。
3、vue30 使用proxy代替了vue20版本中的defineProperty，首先利用compositionAPI中的 reactive 函数返回一个proxy对象，使得数据可监测 target参数表示所要拦截的目标对象，handler参数也是一个对象，用来定制拦截行为baseHandler。
4、vue2中ObjectdefineProperty响应式只对对象有效，对数组无效，所以对数组做额外处理我们知道，会改变数组本身的方法只有7个sort， push， pop， slice， splice， shift， unshift，所以可以通过重写这些方法来达到数组响应式 解。
5、vue的响应式数据原理是vue的核心特性之一当我们在vue中修改数据时，页面会自动响应并更新相应的部分，这是由vue的响应式数据原理实现的vue通过使用ObjectdefineProperty方法来实现对数据的监听，当数据发生变化时，vue会自动。
6、当一个vue实例加载时，会进行初始化，将他的配置项options和mixins的内容合并，以options为主，而在初始化data时，会对data对象进行数据劫持，并做代理，通过Objectdefinproperty劫持数据后vue会查找当前属性有无依赖项既被。
7、vue响应式基本原理是基于ObjectdefinePropertyobj，prop，descriptor，descriptor里面可以定义get和set方法，可以在获取属性值事触发get方法可以收集依赖，设置属性值时触发set方法更新依赖Vue最独特的特性之一，是其非。
8、当变量发生改变的同时， Vue 能在第一时间知道，并且对视图做出相应的改变操作而这把钥匙就是 ObjectdefineProperty 尚硅谷Vue源码解析之数据响应式原理 ObjectdefineProperty MDN。
9、Vue响应式原理核心是 数据劫持，采用 ES5 的 objectdefineproperty 的 getter 和 setter 方法从一个例子出发首先，在Vue初始化阶段，通过 observer 对 data 中的属性进行递归的劫持，包括 namejob_ undergoab等。
10、Vue3 使用了 Proxy 替换了原来的 ObjectdefineProperty 来实现数据响应很简单，直接Vue引入reactive方法，接收一个对象参数，就实现了数据的响应式reactive 内部的核心代码 简化 如下首先判断传入的参数类型是否可以。
11、将对象进行遍历，然后使用defineReactive重新定义，采用的就是ObjectdefinePropertyVue最独特的特性之一，是其非侵入性的响应式系统数据模型仅仅是普通的JavaScript对象而当你修改它们时，视图会进行更新。
12、Vuejs 是一个流行的 JavaScript 框架，它的核心是基于响应式原理实现的这意味着当数据发生变化时，Vue 会自动更新相关的界面元素Vue 响应式原理的核心是通过使用 ObjectdefineProperty 函数来劫持对象的属性来实现的在 Vue 中。
13、Vue通过设定对象属性的 settergetter 方法来监听数据的变化，通过getter进行依赖收集，而每个setter方法就是一个 观察者Watcher ，在数据变更的时候通知 订阅者Dep 更新视图核心APIobserver 数据劫持 劫持对象的。
14、因此接下去我们执行以下4个步骤，实现数据的双向绑定深入响应式原理 剖析Vue原理实现双向绑定MVVM 响应式系统的基本原理js JavaScript实现MVVM之我就是想监测一个普通对象的变化。
15、手把手教你搓Vue响应式原理二深度监测对象全部属性 手把手教你搓Vue响应式原理三observe 以及 ob 手把手教你搓Vue响应式原理四 数组的响应式处理 之前已经将数据劫持已经全部完成了那么，接。
