2021-01-08

vue 实现原理简述

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

<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>