Vue實例完整的生命周期包括創(chuàng)建初始化編譯模板掛在DOM渲染更新卸載等過程1beforeCreate 創(chuàng)建前 在實例初始化之后，數據觀測和事件配置之前被調用，此時組件的選項對象還未創(chuàng)建，el 和 data 并未初始化；可以在Vue項目中，可以通過編譯Vue模板為JavaScript代碼并運行，Vue編譯器將Template語法解析成AST，生成可執(zhí)行的render函數并將其編譯成JavaScript代碼編譯利用編譯程序從源語言編寫的源程序產生目標程序的過程。

Vuejs是一個構建數據驅動的 web 界面的漸進式框架，是一個JavaScript MVVM庫Vuejs 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數據綁定和組合的視圖組件與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設計Vue；在模板編譯的時候，就會觸發(fā) a 變量的 getter 然后，當我們執(zhí)行 a++ 的時候，那么，我們就要觸發(fā)依賴的更新，當初模板中 a 的地方，就要更新，是吧所以，我們都是 在 getter 中收集依賴，在 sett。

第四步 MVVM作為數據綁定的入口，整合ObserverCompile和Watcher三者，通過Observer來監(jiān)聽自己的model數據變化，通過Compile來解析編譯模板指令，最終利用Watcher搭起Observer和Compile之間的通信橋梁，達到數據變化 視圖更新。

什么是vue的模板語法

1、React采用特殊的JSX語法，Vuejs在元件開發(fā)中也推崇編寫vue特殊檔案格式，對檔案內容都有一些約定，兩者都需要編譯后使用 中心思想相同一切都是元件，元件例項之間可以巢狀 都提供合理的鉤子函式，可以讓開發(fā)者定制化地去處理需求 都。

2、vue腳手架在vue腳手架中有一個 template 模板在模板里面只有一個子類，子類里面可以有其他的類 script#160 腳本style 樣式 vue的語法當使用的時候，里面只可以傳入文本，如果傳入標簽也會被認為文本v。

3、手機渲染速度angular1 300ms * vue 200ms * react 100ms 2與React的區(qū)別 相同點React采用特殊的JSX語法，Vuejs在組件開發(fā)中也推崇編寫vue特殊文件格式，對文件內容都有一些約定，兩者都需要編譯后使用中心思想。

4、流程圖 在實例化一個Vue對象的時候，會傳進去一個data對象，之后分成兩個進程，一個進程是對掛載目標元素模板里的vmodel和 兩個指令進行編譯另一個進程是對傳進去的data對象里面的數據進行監(jiān)聽上圖中。

5、vmodel主要提供了兩個功能，view層輸入值影響data的屬性值，data屬性值發(fā)生改變會更新view層的數值變化其核心就是，一方面modal層通過defineProperty來劫持每個屬性，一旦監(jiān)聽到變化通過相關的頁面元素更新另一方面通過編譯模板。

6、const mount = Vueprototype$mount*掛載組件，帶模板編譯*Vueprototype$mount = function el？ string Element， hydrating？ boolean Component el = el queryel * istanbul ignore if * if el ===。

vue中模板編譯原理

1、3通過Watcher監(jiān)聽數據的變化 4當數據發(fā)生變化時，Render函數執(zhí)行生成VNode對象 5通過patch方法，對比新舊VNode對象，通過DOM Diff算法，添加修改刪除真正的DOM元素 至此，整個new Vue的渲染過程完畢1把模板編譯為。

2、既然 vueloader 僅僅，只是把 vue 模板文件編譯成了一個 options 普通對象那么我們可以手動的使用 Vueextendsoptions 來獲得這個組件對象的構造函數拿到此組件的構造函數，我們就可以在 組件 mounted 的。

3、vue框架算是最近前端開發(fā)很好的工具可以突破以前所沒有實時更新頁面很有發(fā)展前景，很多大公司現(xiàn)在正在使用Vue框架誕生于2014年，其作者為中國人尤雨溪，也是新人最容易入手的框架之一，不同于React和Angular，其中文。

4、究其原因是 Vue 會幫我們緩存模板編譯結果翻看代碼可以找到 vuesrcinstanceinternallifecyclejs 里有做優(yōu)化，同時提供的 _linkerCachable 本意是給 內聯(lián)模板 使用我們可以通過設置 this$options_linkerCachable =。