vue响应式原理

vue2

// 数组更新时要重写一系列的更新元素
Object.defineProprety(data，'name'{
  get()
  set()
}  
)

vue3

// vue3 使用Proxy（代理）以及Reflect（反射）
// 在代理中的处理器对象中通过反射对象的某些api处理数据
// 目标对象
let data = {
  name:'小明'
}
// 代理对象
let peoxData = new Proxy(data,{
  // 获取数据
  get:(targt,props)=>{
    // 数据反射
    return Reflect.get(targt,props)
  };
// 修改对象时的操作
  set: (targt, props, value) => { return Reflect.set(targt, props, value) },
// 删除对象时的操作
	deletePropert:()=>{}
})
console.log(peoxData.name)