Vue生命週期

Vue生命週期

什麼是Vue?

Vue框架是MVVM類型的前端框架。它爲咱們的開發省去操做DOM的繁瑣操做，使得開發專一於前端邏輯的實現。Vue的實現使得前端工程化，組件化成爲了開發常態，編寫一套複用度高的組件是每一個Vueer的指望

Vue生命週期

開始

var app = new Vue({})

全部的Vue應用都是從這裏開始的，當實例化出Vue對象時就已經進入了Vue的生命週期。

進入的生命週期第一個鉤子函數就是beforeCreate。在這以前組件尚未真正的初始化。

在beforeCreate以後，Vue對data對象做了getter/setter處理，而且將對象放在一個Observe裏面以便於監控對象，另外還有使用initEvents綁定事件

在組件初始化完成後，遇到第二個鉤子函數：created。在這個階段咱們能夠訪問到了data的屬性以及綁定的事件

經過了created階段後組件的生命週期到了beforemount，在這個階段DOM結構尚未生成，可是已經建立了el，組件掛載的根節點。在beforemount執行完成後開始渲染DOM，執行_render方法，_mount方法，而後會有new出一個watcher對象,造成VNode節點，而後會更新DOM

渲染完畢後組件就會到了下一個生命週期mounted，通常的異步請求都會寫在這，這個階段DOM已經渲染出來了。至此一個組件已經完整的出如今眼前了，可是生命週期卻尚未中止。

當組件須要更新的時候生命週期會先到達beforeUpdate,在這個階段顯示數據並無更新，可是DOM中的數據已經改變了，這是由於雙向綁定的關係

走過beforeUpdate組件完成了更新，生命週期走到updated

完成更新後的組件應該被銷燬了，beforeDestroy，這個階段組件尚未被銷燬

destroy這個是真正的銷燬

若文中有何錯誤歡迎留言或者到這裏留言，蟹蟹

@蛋蛋君