Vue2 对用户书写的 data 对象做了什么?
时间: 2023-12-21 16:05:35 浏览: 76
基于Vue实例对象的数据选项
在 Vue2 中,用户书写的 data 对象会被 Vue 实例化成响应式对象。这意味着当 data 对象中的属性发生变化时,Vue 会自动侦测到这个变化,并且通知相关的组件进行重新渲染。
具体来说,Vue2 在实例化 data 对象时,会对其进行递归地遍历,并将其所有属性转化为 getter/setter 的形式,以便在访问或修改属性时能够被 Vue 监听到。同时,Vue2 还会为每个响应式对象创建一个 Dep 对象,用于管理与之相关的 Watcher。
在组件实例化时,Vue2 会将 data 对象合并到组件实例的 $data 属性中,从而使得组件能够直接访问 data 对象中的属性。当组件访问这些属性时,Vue2 会自动建立与之相关的 Watcher,从而建立起属性和组件之间的响应式关系。
阅读全文