qq_56427830的博客

reactive()将使对象本身具有响应性，其行为就和普通对象一样，不同的是，Vue能够拦截对响应式对象所有属性的访问和修改，以便进行依赖追踪和触发更新。reactive()返回的是一个原始对象的Proxy，它和原始对象是不相等的，且只有代理对象是响应式的，更改原对象不会触发更新。且在同一个对象上调用 reactive()会返回相同的代理，在一个代理上调用reactive()会返回它自己。// 代理对象和原始对象不是全等的// 在同一个对象上调用 reactive() 会返回相同的代理。

响应式原理和vue响应原理的相关概念，在vue3的响应式实现是基于ES6中的proxy和Reflect实现的，与vue2借助有所不同。要想理解vue3的响应式实现，必须要先了解proxy和Reflect的作用。

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。

Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。