import Observer from "./observer";
import Compile from "./compile";

export default class MVVM{
    constructor(options) {
        // 将可用内容挂载到实例上
        this.$el = options.el;
        this.$data = options.data;

        // 如果有要编译的模板就开始编译
        if(this.$el){
            // 数据劫持 把对象的所有属性改成get和set方法
            new Observer(this.$data);
            this.proxyData(this.$data);
            // 用数据和元素进行编译
            new Compile(this.$el, this);
        }
    }

    proxyData(data){
        Object.keys(data).forEach(key=>{
            Object.defineProperty(this, key, {
                get(){
                    return data[key];
                },

                set(newValue){
                    data[key] = newValue;
                }
            })
        })
    }
}

window.MVVM = MVVM;