溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

uni-app組件的生命周期和頁面生命周期有哪些

發(fā)布時(shí)間:2021-08-12 11:12:02 來源:億速云 閱讀:169 作者:Leah 欄目:編程語言

本篇文章為大家展示了uni-app組件的生命周期和頁面生命周期有哪些,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。

組件生命周期:

beforeCreate      實(shí)例已經(jīng)開始初始化之后調(diào)用 【數(shù)據(jù)初始化未完成,頁面沒有開始渲染】
created                實(shí)例創(chuàng)建完成之后調(diào)用 【組件創(chuàng)建完成,不代表組件已掛載到頁面】
beforeMount       在掛載開始之前被調(diào)用。
mounted              掛載到實(shí)例上去之后調(diào)用。 注意:此處并不能確定子組件被全部掛載,如果需要子組件完全掛載之后在執(zhí)行操作可以使用$nextTickVue官方文檔 
beforeUpdate    數(shù)據(jù)更新時(shí)調(diào)用,發(fā)生在虛擬 DOM 打補(bǔ)丁之前。    僅H5平臺(tái)支持
updated         由于數(shù)據(jù)更改導(dǎo)致的虛擬 DOM 重新渲染和打補(bǔ)丁,在這之后會(huì)調(diào)用該鉤子。    僅H5平臺(tái)支持
beforeDestroy   實(shí)例銷毀之前調(diào)用。在這一步,實(shí)例仍然完全可用。        
destroyed       Vue實(shí)例銷毀后調(diào)用。調(diào)用后,Vue實(shí)例指示的所有東西都會(huì)解綁定,所有的事件監(jiān)聽器會(huì)被移除,所有的子實(shí)例也會(huì)被銷毀。

頁面生命周期:

onLoad 監(jiān)聽頁面加載,其參數(shù)為上個(gè)頁面?zhèn)鬟f的數(shù)據(jù),參數(shù)類型為object(用于頁面?zhèn)鲄ⅲ?
onShow 監(jiān)聽頁面顯示
onReady 監(jiān)聽頁面初次渲染完成
onHide 監(jiān)聽頁面隱藏
onUnload 監(jiān)聽頁面卸載
onPullDownRefresh 監(jiān)聽用戶下拉動(dòng)作
onReachBottom 頁面上拉觸底事件的處理函數(shù)
onShareAppMessage 用戶點(diǎn)擊右上角分享 微信小程序
onPageScroll 監(jiān)聽頁面滾動(dòng)
onTabItemTap 當(dāng)前是 tab 頁時(shí),點(diǎn)擊 tab 時(shí)觸發(fā)。

上述內(nèi)容就是uni-app組件的生命周期和頁面生命周期有哪些,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲(chǔ)備,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI