Vue生命周期內的鈎子方法


1、beforeCreate(新對象誕生)

  它創建一個Vue類的對象來處理DOM元素。對象的這個生命階段可以通過beforeCreated 掛鈎來訪問 。

  可以在這個鈎子中插入我們的代碼,在對象初始化之前執行

2、created 創建完成

  在這個生命階段,對象及其事件完成初始化。 created 是訪問這個階段並編寫代碼的鈎子。

3、beforeMounted(安裝部署前)

  在這個階段,它檢查是否有任何模板可用於要在DOM中呈現的對象。如果沒有找到模板,那么它將所定義元素的外部HTML視為模板。對象部署之前執行

4、mounted (已安裝,DOM已准備就緒並放置在頁面內)

  一旦模板准備就緒。它將數據放入模板並創建可呈現元素。用這個新的數據填充元素替換DOM元素。對象部署完成的時候執行

5、beforeUpdate(更改已完成,但尚未准備好更新DOM)

  在外部事件/用戶輸入beforeUpdate發生更改時,此鈎子即 在反映原始DOM元素的更改之前被觸發。

6、updated 更新完成(在DOM中呈現更改)

  通過實際更新DOM對象並觸發updated,屏幕上的變化得到呈現 。

7、beforeDestroy(對象被釋放之前)

  Vue對象被破壞並從內存中釋放之前, deforeDestroy 鈎子被觸發,並允許我們在其中處理我們的自定義代碼。

8、銷毀(對象停止並從內存中刪除)

  該 destroyed 鈎子被成功運行銷毀對象上調用。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM