vue.js 2 的生命周期包含 8 個階段:beforecreate:vue 實例創建后觸發,dom 掛載前。created:dom 掛載前觸發,虛擬 dom 已創建。beforemount:dom 掛載后,真實 dom 未插入前觸發。mounted:dom 掛載后,真實 dom 已插入文檔中觸發。beforeupdate:數據更改后,虛擬 dom 更新前觸發。updated:真實 dom 更新后觸發。beforedestroy:實例銷毀前引發,dom 已分離。destroyed:實例被完全銷
Vue.js 2 的生命周期階段
Vue.js 2 的生命周期包含以下 8 個階段:
1. beforeCreate
生命周期開始時觸發。
此時,Vue 實例已被創建,但未掛載到 DOM。
2. created
在 Vue 實例掛載到 DOM 之前觸發。
此時,虛擬 DOM 已經創建,但真實 DOM 尚未創建。
3. beforeMount
在 Vue 實例掛載到 DOM 后觸發。
此時,虛擬 DOM 已被編譯為真實 DOM,但尚未插入到真實 DOM 中。
4. mounted
在 Vue 實例掛載到 DOM 后觸發。
此時,真實 DOM 已被插入到文檔中。
5. beforeUpdate
當 Vue 實例響應數據更改時觸發。
此時,虛擬 DOM 已被更新,但真實 DOM 尚未更新。
6. updated
當 Vue 實例的 DOM 響應數據更改而更新后觸發。
7. beforeDestroy
在 Vue 實例銷毀之前觸發。
此時,Vue 實例已與 DOM 分離。
8. destroyed
在 Vue 實例被完全銷毀后觸發。