廢話很少說,直接進入正題。vue
在源碼 src/core/instance/index.js 文件node
從源碼能夠看出在new的時候,就是在實例化一個Vue對象。Vue這個函數最後是調用了 this._init() 這個方法,這個方法在src/core/instance/init.js裏面定義dom
從源碼能夠看出this._init()方法主要執行了如下幾個部分函數
判斷實例是否存在vm.$options.el,存在的話,執行$mount方法,將vm掛載到dom節點上。ui
通過這一步,頁面就會從 {{ message }}變爲 ’hello vue‘。主要流程是el、template->render表達式->Vnode->DOMthis