学习vue 2.x源码笔记

佚名 6年前 (2019-04-23) 随笔 697人围观抢沙发百度已收录

1、响应式原理：

核心：Object.defineProperty,用法如下：

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

var obj1 = {};
var initValue = 'hello';
Object.defineProperty(obj1,"newKey1",{
       //writable:true,
    //value:123,
    //enumerable:true,
    configurable:true,
    get:function(){
        return initValue;
    },
    set:function(val){
        console.log('set:',val);
        initValue = val;
    }
});

obj1.newKey1; //->"hello"
obj1.newKey1 = 'modified';//->set: modified    
                                        //->"modified"