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;
    }