Vue2.x中如何实现Object.defineProperty对对象属性的监听与联动？

本文共计1584个文字，预计阅读时间需要7分钟。

前言：在vue2.x版本官方文档中，深入响应式原理的一篇文章对Object.defineProperty进行了详细解释。本文将直接输出该文章的开头内容，不超过100字。

在vue2.x版本官方文档中，深入响应式原理文章中，Object.defineProperty将声明响应式，将property数据的状态转换为getter和setter。

前言

在vue2.x版本官方文档中
深入响应式原理 cn.vuejs.org/v2/guide/reactivity.html一文的解释当中，Object.defineProperty将声明响应式 property数据的状态转换为getter和setter。

Object.defineProperty基本使用和概念 官方解释的概念是

developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。

Object.defineProperty(obj, prop, descriptor) obj: 要在其上定义属性的对象 prop: 要定义或修改的属性的名称或Symbol descriptor: 定义或修改的属性的描述符 * @descriptor * * configurable 为 true 时，属性才能重新被定义,默认为 false。