ra
初探知名的JS框架。
Vue 實例從創建、掛載、更新到銷毀的整個過程,都有對應的生命週期方法,這些方法被稱為 Vue 生命週期鉤子(Lifecycle Hooks)
創建(Creation)
- beforeCreate(): 在 Vue 實例初始化之後,但是在實例中的 data 被觀察和事件/watcher 設置之前被調用。
- created(): 在 Vue 實例已創建完成後立即被調用。該鉤子中,可以訪問實例中的 data 和事件,但是該實例還沒有被掛載到 DOM 中。
掛載(Mounting)
- beforeMount(): 在 Vue 實例掛載到 DOM 之前被調用。在此階段,Vue 處理模板編譯和渲染成真實 DOM 的操作。
- mounted(): 在 Vue 實例掛載到 DOM 之後被調用。在這個階段,實例已經掛載到 DOM 中,可以訪問 DOM 元素。
更新(Updating)
- beforeUpdate(): 在數據更改之後,並且重新渲染之前被調用。在此階段,您可以在更新之前執行額外的邏輯或更改數據。
- updated(): 在數據更改並且重新渲染 DOM 之後被調用。在這個階段,DOM 已經更新完畢。
銷毀(Destroying)
- beforeDestroy(): 在 Vue 實例銷毀之前被調用。在此階段,實例仍然完全可用,您可以清理事件、監聽器等資源。
- destroyed(): 在 Vue 實例銷毀之後被調用。在這個階段,Vue 實例的所有事件監聽器都被清理,並且所有的子實例也被銷毀。
錯誤捕獲(Error Capturing)
- errorCaptured(err, vm, info): 當子孫組件觸發一個錯誤時被調用。可用於在整個子組件樹中捕獲錯誤。
注意:生命週期鉤子僅適用於 Vue 實例組件,而不適用於用戶定義的子組件。
1 | * Vue基礎: Client 端 JS |
如果你覺得這篇文章很棒,請你不吝點讚 (゚∀゚)