Vue3 响应式实现原理

1、通过Proxy(代理)：拦截对象中任意属性变化，包括：属性的读写、添加、删除

2、通过Reflect(反射)：对被代理的属性进行操作

<script type="text/javascript">
    new Proxy(data, {
        // 读书属性
        get(target, prop){
            return Reflect.get(target, prop)
        },
        // 设置或添加属性
        set(target, prop, value){
            Reflect.set(target, prop, value)
        },
        // 删除属性
        deleteProperty(target, prop){
           return  Reflect.deleteProperty(target, prop)
        }
    }

 )
</script>