常見主流框架（vue,react,react-native,angular）生命週期總結

由於接觸的框架多了總是會將多個框架的生命週期搞混淆，所以放在一起總結一下

一、vue 生命週期

先看一張圖片，圖片來源於官網：https://cn.vuejs.org/v2/guide/instance.html

以上鉤子詳細：（只解釋了幾個主要的）

1.beforeCreate

在頁面被加載的時候首先會創建一個Vue的實例，並且初始化該實例，在實例初始化之後，此時被調用的生命週期鉤子叫做：beforeCreate,這個時候數據的觀測和事件還沒有被調用（特就是說此時還讀取不到data裏面的數據和實力內的方法）

2.created

當vue實例初始化後，實例創建完成後立即調用的是：created，此時數據觀測和方法的運算，watch/event 事件回調都已經配置完成。（也就是說此時能讀取data的數據和方法了）

3.beforeMount

實例創建完成後，即將被掛載，掛載之前立即調用beforeMount（該鉤子在服務器端渲染期間不被調用。）

4.mounted

當時李創建完成後所有el都掛載後執行

5.beforeDestroy

實例銷燬之前調用。在這一步，實例仍然完全可用。

6.destroyed

Vue 實例銷燬後調用。調用後，Vue 實例指示的所有東西都會解綁定，所有的事件監聽器會被移除，所有的子實例也會被銷燬。

更多新增的鉤子見官網：https://cn.vuejs.org/v2/api/#errorCaptured