vue2中ObjectdefineProperty响应式只对对象有效，对数组无效，所以对数组做额外处理我们知道，会改变数组本身的方法只有7个sort， push， pop， slice， splice， shift， unshift，所以可以通过重写这些方法来达到数组响应式 解。

一句话概括采用数据劫持结合发布订阅模式，通过 Objectdefineproperty 来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发响应的监听回调具体实现1为每个vue属性用ObjectdefineProperty实现数据劫持，为。

Vue3 使用 Proxy 对象重写响应式系统，这个系统主要有以下几个函数来组合完成的1reactive接收一个参数，判断这参数是否是对象不是对象则直接返回这个参数，不做响应式处理 创建拦截器对象 handler， 设置 getset。

vue2响应式原理由 Observer 类， Dep 类和 Watcher 类互相调用实现， Observer 类是把一个普通的object类变成每一层都能相应的类， Dep 类的作用是添加，移除，通知和收集订阅者， Watcher 类是订阅者，主要功能是把当。

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

quotproperty 必须在 data 对象上存在才能让 Vue 将它转换为响应式的quot针对这个问题，我们该如何处理对于已经创建的实例，Vue 不允许动态添加根级别的响应式 property但是，可以使用以下两个方法处理第一个是 Vue 全局处。

视图更新原理 其原理就是vue的响应式更新dom的原理，m = v m是数据，也就是在vuerouter install时在根组件root vue component添加了_route属性，在匹配到对应路由后更新了_route属性值，继而触发了该属性值的。

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

vue响应式数据原理是利用ObjectdefineProperty这个API来实现，该API可以监听对象属性的get和set，当对象属性被调用时，它能够自动触发更新视图Vue的响应式实现，便是通过使用ObjectdefineProperty来劫持各个属性的setter，getter。

原理在vue初始化的时候，会调用一个方法initData，用来初始化用户传入的data数据，然后newObserver，对数据进行观测，如果数据是个对象类型非数组的话，就会调一个thiswalkvalue方法进行对象的处理，将对象进行遍历，然后。