beforeCreate(新對(duì)象誕生)

Vue對(duì)象用新方法實(shí)例化。它創(chuàng)建一個(gè)Vue類的對(duì)象來處理DOM元素。對(duì)象的這個(gè)生命階段可以通過beforeCreated 掛鉤來訪問 。我們可以在這個(gè)鉤子中插入我們的代碼,在對(duì)象初始化之前執(zhí)行。

創(chuàng)建(具有默認(rèn)特性的對(duì)象)

在這個(gè)生命階段,對(duì)象及其事件完全初始化。 created 是訪問這個(gè)階段并編寫代碼的鉤子。

beforeMounted(對(duì)象在DOM中適合形狀)

這個(gè)鉤子被調(diào)用 beforeMounted。在這個(gè)階段,它檢查是否有任何模板可用于要在DOM中呈現(xiàn)的對(duì)象。如果沒有找到模板,那么它將所定義元素的外部HTML視為模板。


已安裝(DOM已準(zhǔn)備就緒并放置在頁面內(nèi))

一旦模板準(zhǔn)備就緒。它將數(shù)據(jù)放入模板并創(chuàng)建可呈現(xiàn)元素。用這個(gè)新的數(shù)據(jù)填充元素替換DOM元素。這一切都發(fā)生在mounted鉤子上。

beforeUpdate(更改已完成,但尚未準(zhǔn)備好更新DOM)

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

更新(在DOM中呈現(xiàn)的更改)

然后,通過實(shí)際更新DOM對(duì)象并觸發(fā)updated,屏幕上的變化得到呈現(xiàn) 。

beforeDestroy(對(duì)象準(zhǔn)備死掉)

就在Vue對(duì)象被破壞并從內(nèi)存中釋放之前, deforeDestroy 鉤子被觸發(fā),并允許我們?cè)谄渲刑幚砦覀兊淖远x代碼。

為了激發(fā)這個(gè)鉤子,我添加了下面的代碼來銷毀Vue對(duì)象。

銷毀(對(duì)象停止并從內(nèi)存中刪除)

該 destroyed 鉤子被成功運(yùn)行銷毀對(duì)象上調(diào)用。

概要

我們可以使用生命周期鉤子在Vue對(duì)象生命周期的不同階段添加我們的自定義代碼。它將幫助我們控制在DOM中創(chuàng)建對(duì)象時(shí)創(chuàng)建的流程,以及更新和刪除對(duì)象。


  哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站,并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底,使您的網(wǎng)站無需額外費(fèi)用,即可穩(wěn)步提升排名至首頁。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)