vue的数据劫持

vue的简单原理

vue.js 主要是通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。

Object.defineProperty()的简单运用

    var userInfo = {};
Object.defineProperty(userInfo, "name", {
    get: function(){
       console.log(4444444);
        return "888888";
    },
    set: function(nick){
        console.log(12345678);
        name = nick;
    }
});
userInfo.name="1234";

每次我们改变name的值,就会调用set方法,就能更新name的值。操作dom树同样如此。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容