模拟数据监测

卿音

已于 2022-07-22 10:45:12 修改

阅读量115

点赞数

分类专栏： Vue 文章标签： html5 vue.js

于 2022-07-21 16:27:55 首次发布

本文链接：https://blog.csdn.net/weixin_45204443/article/details/125912673

版权

Vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

模拟数据监测

<div id="root">
<h2>学校名称：{{name}}</h2>
<h2>学校地址：{{address}}</h2>
</div>

let data ={
name:'yys',
address:'北京'
}
//创建一个监视的实例对象，用于监视data中属性的变化
const obs = new Observer(data)

function Observer(obj){
//汇总对象中所有的属性形成一个数组
const keys = Object.key(obj)
//遍历
key.forEach((k)=>{
 Object.defineProperty(this,k,{
 get(){
 return obj[k]
}，
set(val){
obj[k] =val
}
}）
}

})
}