vue响应式原理

【vue响应式原理】响应式原理基于Object.define(object, propertyname, descriptor)方法
object: 要添加和修改属性的对象,必需
propertyname:要添加和修改的属性,必需
descriptor: 属性描述符。

let data = https://www.it610.com/article/{} let initValue ='初始值' Object.defineProperty(data, 'title', { get() { return initValue }, set(newValue){ DOM.innerText = newValue initValue= https://www.it610.com/article/newValue } }) 这样改变 data对象title属性值,DOM元素的内容也随之变化

插图 vue响应式原理
文章图片
1 .png
vue响应式原理
文章图片
2.png

    推荐阅读