vue实现原理

1.数据监控(data):监听data属性:

new Vue之后内部扫描data属性值,用

Object.defineProperty(obj,name,{
            set:value=>{
                obj[_key]=value;
                this.render();
            },
            get(){
                return obj[_key];
            }
        })

2.通过消息列队,进行模板替换:

display(objname){
        var getTpl = this[objname].template;
        for(var prop in this[objname].methods){
            getTpl=getTpl.replace("{{"+prop+"}}",this[objname].methods[prop]);
        }
        document.getElementById("test").innerHTML = getTpl;
    }

原文地址:https://www.cnblogs.com/subtract/p/9211001.html