Vue生命週期的執行過程(面試必備) 極簡版

  最近準備面試，臨時抱佛腳的來回顧一下vue相關的面試題，固然這是不對的，平時仍是要努力呀，走起：

　　一、建立vue實例，Vue();

　　二、在建立Vue實例的時候，執行了init()，在init過程當中首先調用了beforeCreate鉤子函數；

　　三、同時監聽data數據，初始化vue內部事件，進行屬性和方法的計算；

　　四、以上都幹完了，調用Created鉤子函數；

　　五、模板編譯，把data對象裏面的數據和vue語法寫的模板編譯成HTML。編譯過程分三種狀況：1）實例內部有template屬性，直接調用，而後調用render函數去渲染；2）沒有該屬性調用外部html；3）都沒有拋出錯誤；

　　六、編譯模板完成，調用beforeMount鉤子函數；

　　七、render函數執行以後，將渲染出來的內容掛載到DOM節點上；

　　八、掛在結束，調用Mounted鉤子函數；

　　九、數據發生變化，調用beforeUpdate鉤子函數，經歷virtual Dom；

　　十、更新完成，調用Updated鉤子函數；

　　十一、beforeDestory銷燬全部觀察者、組件及事件監聽；

　　十二、Destoryed實例銷燬；

 

　　是否是很簡單，看完了吸口氣，腦海裏捋一捋，差很少就是這樣嘍，88；