【Vue高级知识】细谈Vue 中三要素（响应式+模板+render函数）

Vue 中三要素的是什么？

响应式：

    // 如何让实现响应式的呢？
    let obj = {
   };
    let name = 'zhangsan';
    Object.defineProperties(obj, name, {
   get : function() {
   
      console.log('name' , name)
    }, set : function() {
   
        console.log('name' , name)
    }})
    
    
    // 1. 关键是理解Object.defineProperty
    // 2. 将data的属性代理到vm上面的
    let mv = {
   };
        let data = {
   
            price: 100,
            name: 'zhangsan'
        };
        for (let key in data) {
   
            (function (key) {
   
                Object.defineProperty(mv, key, {
   
                    get: function () {
   
                        console.log('get val');
                        return data[key];
                    },
                    set: function (val) {
   
                        console.log('set val');
                        data[key] = val;
                    }
                })
            })(key);
        }

Vue中如何解析模板？

模板是什么？

    <div id="app">
        <div>
            <input v-model="title">