Vue3实现响应式的原理

肖肖冲鸭

已于 2022-07-06 19:50:47 修改

阅读量207

点赞数

分类专栏： Vue3 文章标签： javascript 前端 typescript

于 2022-06-04 11:35:00 首次发布

本文链接：https://blog.csdn.net/weixin_48952990/article/details/125120111

版权

#Vue3实现响应式的原理

通过Proxy（代理）: 拦截对象中任意属性的变化, 包括：属性值的读写、属性的添加、属性的删除等。
通过Reflect（反射）: 对源对象的属性进行操作。

let  obj={
   a:1,b:2}
    // 通过Object.defineProperty区操作（vue2）
    /*try{
    
        Object.defineProperty(obj,'c',{
        get(){
            return 3
        }
        })

        Object.defineProperty(obj,'c',{
        get(){
            return 4