其他分享
首页 > 其他分享> > 2021-01-01

2021-01-01

作者:互联网

vue 实现原理简述

Vue对属性变化检测的核心实现就是Object.defineProperty方法。这个方法可以为对象定义新的属性。可以设置gettersetter回调。

<div id= "box"></div>
<script>
  var obox = document.getElementById("box")
  var obj = {}
  Object.defineProperty(obj, 'myname',{
  // set 方法去获取我们监听对象的值,并且改变。
	set(value){
	  console.log('有人修改了 value', value)
	  obox.innerHTML = value
	},
  // get 方法有人方法监听的对象的时候就去执行。
	get(){
	  console.log('有人访问了', obox.innerHTML)
	}
})
</scropt>

标签:set,innerHTML,value,01,2021,defineProperty,obox,方法
来源: https://blog.csdn.net/qq_46051400/article/details/112073487