beforeCreate(新對(duì)象誕生)
Vue對(duì)象用新方法實(shí)例化。它創(chuàng)建一個(gè)Vue類(lèi)的對(duì)象來(lái)處理DOM元素。對(duì)象的這個(gè)生命階段可以通過(guò)beforeCreated 掛鉤來(lái)訪問(wèn) 。我們可以在這個(gè)鉤子中插入我們的代碼,在對(duì)象初始化之前執(zhí)行。
創(chuàng)建(具有默認(rèn)特性的對(duì)象)
在這個(gè)生命階段,對(duì)象及其事件完全初始化。 created 是訪問(wèn)這個(gè)階段并編寫(xiě)代碼的鉤子。
beforeMounted(對(duì)象在DOM中適合形狀)
這個(gè)鉤子被調(diào)用 beforeMounted。在這個(gè)階段,它檢查是否有任何模板可用于要在DOM中呈現(xiàn)的對(duì)象。如果沒(méi)有找到模板,那么它將所定義元素的外部HTML視為模板。
已安裝(DOM已準(zhǔn)備就緒并放置在頁(yè)面內(nèi))
一旦模板準(zhǔn)備就緒。它將數(shù)據(jù)放入模板并創(chuàng)建可呈現(xiàn)元素。用這個(gè)新的數(shù)據(jù)填充元素替換DOM元素。這一切都發(fā)生在mounted鉤子上。
beforeUpdate(更改已完成,但尚未準(zhǔn)備好更新DOM)
在外部事件/用戶(hù)輸入beforeUpdate發(fā)生更改時(shí),此鉤子即 在反映原始DOM元素的更改之前被觸發(fā)。
更新(在DOM中呈現(xiàn)的更改)
然后,通過(guò)實(shí)際更新DOM對(duì)象并觸發(fā)updated,屏幕上的變化得到呈現(xiàn) 。
beforeDestroy(對(duì)象準(zhǔn)備死掉)
就在Vue對(duì)象被破壞并從內(nèi)存中釋放之前, deforeDestroy 鉤子被觸發(fā),并允許我們?cè)谄渲刑幚砦覀兊淖远x代碼。
為了激發(fā)這個(gè)鉤子,我添加了下面的代碼來(lái)銷(xiāo)毀Vue對(duì)象。
銷(xiāo)毀(對(duì)象停止并從內(nèi)存中刪除)
該 destroyed 鉤子被成功運(yùn)行銷(xiāo)毀對(duì)象上調(diào)用。
概要
我們可以使用生命周期鉤子在Vue對(duì)象生命周期的不同階段添加我們的自定義代碼。它將幫助我們控制在DOM中創(chuàng)建對(duì)象時(shí)創(chuàng)建的流程,以及更新和刪除對(duì)象。
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站,并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底,使您的網(wǎng)站無(wú)需額外費(fèi)用,即可穩(wěn)步提升排名至首頁(yè)。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。
