vue检测对象改变的原理

long 2021-07-28 15:38 vue 人气307 ❤

vue中，当data里的数据改变时，会调用响应的set方法。

使用Object.defineProperty方法设置。大概原理如下：

let data = {

  'name':'aaa',

  'address':'xxxxx'

}

const obs = new Observer(data)

function Observer(obj) {

  const keys = Ojbect.keys(obj)

  keys.forEach((key)=>{

    Object.defineProperty(this, key, {

      get(){return obj[key]}

      set(val){

         //console.log('属性修改了，更新虚拟dom，对比，更新页面dom')

         obj[key] = val

      }

    })

  })

}

工具

所有分类

服务端	php linux 配置 python 安全支付 seo
前端	javascript layui css android ios vue 微信开发
数据库	mysql redis
杂谈	生活工作公考影评故事足球游戏攻略健身锻炼健康饮食
设计	ps 3dsmax UI
游戏开发	策划 unity3d
资料分享	开发工具书籍代码

vue检测对象改变的原理

相关内容

工具

所有分类

热门文章

最新文章

热门标签