溫馨提示×

溫馨提示×

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

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

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

發布時間:2021-08-12 11:12:02 來源:億速云 閱讀:213 作者:Leah 欄目:編程語言

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

組件生命周期:

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

頁面生命周期:

onLoad 監聽頁面加載,其參數為上個頁面傳遞的數據,參數類型為object(用于頁面傳參)
onShow 監聽頁面顯示
onReady 監聽頁面初次渲染完成
onHide 監聽頁面隱藏
onUnload 監聽頁面卸載
onPullDownRefresh 監聽用戶下拉動作
onReachBottom 頁面上拉觸底事件的處理函數
onShareAppMessage 用戶點擊右上角分享 微信小程序
onPageScroll 監聽頁面滾動
onTabItemTap 當前是 tab 頁時,點擊 tab 時觸發。

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女