1. vue 2.0是用Flow做靜態類型檢查, 3.0對TypeScript的支持更好了；

2. vue.js是基於Rollup（更輕量，適合js庫的構建）構建的，它的構建相關配置都在scripts目錄下；

3. Runtime Only 版本（template模板編譯為render函數） 和 Runtime+Compiler 版本；

4. vue實際是一個函數，利用函數來實現類，類上掛了很多的原型方法（$set,$route等是原型方法），全局方法Vue上掛載一些靜態方法，全局use,mixin,extend,assgtRegisters（components等）這些方法是靜態方法/屬性。

數據驅動 數據變化來驅動視圖變化

5. new Vue發生了什麽？

Vue方法源碼片段

function Vue(options){  // 傳入options配置項
   if(process.env.NODE_ENV!==‘production‘&&!(this instanceof Vue)) 
  {
    warn(‘vue is a constructor and shou be called with `new` keyword‘)
   }  
   this._init(options) // 調用初始化方法
}

new關鍵字在js中代表實例化一個對象，而Vue實際上是一個類，類在js中是用Function來實現的，初始化會調用this._init方法。

Vue初始化主要幹了幾件事，合並配置，初始化生命周期，初始化事件中心，初始化渲染，初始化data、props、computed、whatcher等等，在初始化的最後，如果有el屬性，則調用vm.$mount方法掛載vm，掛載的目標就是把模板渲染成最終的DOM。

6. 手寫render函數

import Vue from ‘vue‘

var app = new Vue({
el:‘#app‘,
render(createElement){
    return createElement(‘div‘, {
       attrs: {
         id:‘#app‘
       }
    }, 
 
this.message)
},
data(){
    return {
      message: ‘Hello World~‘
   }
}    

})

7. Virturl DOM

是用一個原生的js對象去描述一個DOM節點，所以它比創建一個dom的代價小很多。在vue.js中，virtual DOM是用vNode這麽一個Class去描述，它是定義在src/core/vdom/vnode.js中。

8. createElement 利用 createElement 創建vNode

vue.js實現初了解（一）