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

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

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

什么是vue的模板語法

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

2、vue腳手架在vue腳手架中有一個(gè) template 模板在模板里面只有一個(gè)子類，子類里面可以有其他的類 script#160 腳本style 樣式 vue的語法當(dāng)使用的時(shí)候，里面只可以傳入文本，如果傳入標(biāo)簽也會(huì)被認(rèn)為文本v。

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

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

5、vmodel主要提供了兩個(gè)功能，view層輸入值影響data的屬性值，data屬性值發(fā)生改變會(huì)更新view層的數(shù)值變化其核心就是，一方面modal層通過defineProperty來劫持每個(gè)屬性，一旦監(jiān)聽到變化通過相關(guā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)聽數(shù)據(jù)的變化 4當(dāng)數(shù)據(jù)發(fā)生變化時(shí)，Render函數(shù)執(zhí)行生成VNode對(duì)象 5通過patch方法，對(duì)比新舊VNode對(duì)象，通過DOM Diff算法，添加修改刪除真正的DOM元素 至此，整個(gè)new Vue的渲染過程完畢1把模板編譯為。

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

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

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