筆者最近在學習vue，聽說學好了vue的生命週期就學懂了一半的vue。所以，建議大家認真學好。
接下來，筆者將會用"笨"方法來講解vue的生命週期。
講解版本：vue.js v2.6.11
vue的生命週期也叫鉤子函式，是vue從建立到銷毀所觸發的函式。
詳細點就是從開始建立、初始化資料、編譯模板、掛載dom、渲染->更新->渲染、銷毀等一系列操作。
vue的生命週期包含了八個生命週期方法。
筆者把它分成分成三個階段：
一：建立階段生命週期方法：
①beforecreate();
beforecreate()
②created();
created()
③beforemount();
beforemount()
④mounted();
mounted()
二：執行階段生命週期方法：
⑤beforeupdate();
beforeupdate()
⑥updated();
updated()
三：銷毀階段的生命週期方法：
⑦beforedestroy();
beforedestroy()
⑧destroyed();
destroyed()
methods:}}
)筆者將官網的生命週期圖加了註解，製作出這張**版生命週期圖。
vue例項的生命週期。你不需要立馬弄明白所有的東西，不過隨著你的不斷學習和使用，它的參考價值會越來越高。
vue生命週期方法
vue生命週期圖示 來自李南江老師的圖 建立期間的生命週期方法 beforecreate 在呼叫beforecreate的時候,vue例項剛剛被建立出來，此時還未初始化好vue例項中的資料和方法,所以還不能訪問vue例項中儲存的資料和方法 created 在呼叫created的時候,是我們最早能夠訪...
Vue例項方法 生命週期
示例 var mycomponent vue.extend newmycomponent mount 同上 newmycomponent 或者，在文件之外渲染並且隨後掛載 var component newmycomponent mount document.getelementbyid compo...
vue生命週期
beforecreate 元件例項剛剛被建立，屬性都沒有 create 例項已經建立完成，屬性已經繫結 beforemount 模板編譯之前 mounted 模板編譯之後 beforeupdate 元件更新之前 updated 元件更新完畢 beforedestroy 元件銷毀之前 destroye...