淺談VUE uni-app 生命周期
更新時間：2021年10月20日 08:50:17 作者：上晴下雪
這篇文章主要介紹了uni-app 的生命周期，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
一、應用的生命周期
onLaunch
當uni-app 初始化完成時觸發(fā)（全局只觸發(fā)一次）onShow
當 uni-app 啟動，或從后臺進入前臺顯示onHide
當 uni-app 從前臺進入后臺
二、頁面生命周期
onLoad
監(jiān)聽頁面加載onReady
監(jiān)聽頁面初次渲染完成。注意如果渲染速度快，會在頁面進入動畫完成前觸發(fā)onShow
監(jiān)聽頁面顯示。頁面每次出現(xiàn)在屏幕上都觸發(fā)，包括從下級頁面點返回露出當前頁面onHide
監(jiān)聽頁面隱藏onUnload
監(jiān)聽頁面卸載
三、組件生命周期
beforeCreate
在實例初始化之后被調用created
在實例創(chuàng)建完成后被立即調用mounted
掛載到實例上去之后調用。詳見 注意：此處并不能確定子組件被全部掛載，如果需要子組件完全掛載之后在執(zhí)行操作可以使用$nextTickdestroyed
Vue 實例銷毀后調用。調用后，Vue 實例指示的所有東西都會解綁定，所有的事件監(jiān)聽器會被移除，所有的子實例也會被銷毀。
總結
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關注腳本之家的更多內容！
相關文章
VueJs里利用CryptoJs實現(xiàn)加密及解密的方法示例
這篇文章主要介紹了VueJs里利用CryptoJs實現(xiàn)加密及解密的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
vue3中使用pinia(大菠蘿)狀態(tài)管理倉庫的項目實踐
本文主要介紹了vue3中使用pinia(大菠蘿)狀態(tài)管理倉庫，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
element?ui?就是基于vue的一個ui框架,該框架基于vue開發(fā)了很多相關組件,方便我們快速開發(fā)頁面,餓了么前端團隊基于vue進行開發(fā)并且進行了開源?element?ui?中提供全部都是封裝好組件,本文給大家介紹Element?UI安裝全過程,感興趣的朋友一起看看吧2024-01-01
這篇文章主要介紹了vue實現(xiàn)圖片懶加載的方法,結合實例形式分析了vue.js圖片懶加載插件安裝、使用方法與相關操作注意事項,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了Vue用this.$set改變數(shù)組里的某個值,文中通過示例代碼介紹了vue中this.$set()的用法----更新數(shù)組和對象的值，需要的朋友可以參考下2022-12-12
這篇文章主要為大家分享了一份超簡單的Vue.js環(huán)境搭建教程，幫助大家快速搭建vue環(huán)境，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
對于前后端分離的項目,為了統(tǒng)一響應參數(shù),需要將圖片轉換成base64的格式,下面這篇文章主要給大家介紹了關于vue圖片轉base64格式的相關資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了Vue使用Ref跨層級獲取組件的步驟，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
解決webpack-bundle-analyzer的問題大坑
這篇文章主要介紹了解決webpack-bundle-analyzer的問題大坑，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要為大家詳細介紹了vue3限制table表格選項個數(shù)的解決方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04