2.5.1　面試技巧與解析（一）

面試官：Vue的生命周期是什么？

應聘者：

（1）beforeCreate()（創(chuàng)建前）在數(shù)據(jù)觀測和初始化事件還未開始時被調用。

（2）created()（創(chuàng)建后）在完成數(shù)據(jù)觀測、屬性和方法的運算、初始化事件后被調用，$el屬性還沒有顯示出來。

（3）beforeMount()（載入前）在掛載開始前被調用，相關的render函數(shù)首次被調用。實例已完成以下配置：編譯模板，把data中的數(shù)據(jù)和模板生成.html。注意此時還沒有掛載.html到頁面上。

（4）mounted()（載入后）在el被新創(chuàng)建的vm.$el替換，并掛載到實例上后被調用。實例已完成以下配置：用上面編譯好的.html內容替換el屬性指向的DOM對象。注意此時模板中的.html被渲染到.html頁面中，此過程中進行Ajax交互。

（5）beforeUpdate()（更新前）在數(shù)據(jù)更新前被調用，發(fā)生在虛擬DOM重新渲染和打補丁前。在該鉤子函數(shù)中可以進一步更改狀態(tài)，不會觸發(fā)附加的重渲染過程。

（6）updated()（更新后）在由于數(shù)據(jù)更改導致的虛擬DOM重新渲染和打補丁后被調用。調用時，組件DOM已經更新，所以可以執(zhí)行依賴于DOM的操作。然而，在大多數(shù)情況下，應該避免在此期間更改狀態(tài)，因為這可能會導致更新無限循環(huán)。該鉤子函數(shù)在服務器端渲染期間不被調用。

（7）beforeDestroy()（銷毀前）在實例銷毀前被調用，實例仍然完全可用。

（8）destroyed()（銷毀后）在實例銷毀后被調用，調用后，所有的事件監(jiān)聽器會被移除、所有的子實例也會被銷毀。該鉤子函數(shù)在服務器端渲染期間不被調用。