uniapp中的一些生命周期理解

uniapp中的生命周期

一蹂喻、應用生命周期(注意:只可在App.vue中監(jiān)聽)

  • 1.onLaunch:當 uni-app 初始化完成時觸發(fā)(全局只觸發(fā)一次)
  • 2.onShow :當 uni-app 啟動站楚,或從后臺進入前臺顯示 //監(jiān)聽用戶進入小程序
  • 3.onHide :當 uni-app 從前臺進入后臺 //監(jiān)聽用戶離開小程序
  • 4.onError :當 uni-app 報錯時觸發(fā)
  • 5.onUniNViewMessage :對 nvue 頁面發(fā)送的數據進行監(jiān)聽

二窘游、頁面生命周期(在頁面中添加)

1.onLoad (監(jiān)聽頁面加載)
2.onShow (監(jiān)聽頁面顯示)
3.onReady (監(jiān)聽頁面初次渲染完成)
4.onHide (監(jiān)聽頁面隱藏)

在這里插入圖片描述

5.onUnload :監(jiān)聽頁面卸載
6.onResize :監(jiān)聽窗口尺寸變化
7.onPullDownRefresh :監(jiān)聽用戶下拉動作试躏,一般用于下拉刷新

image.png

當頁面中需要用到下拉刷新功能時晶伦,打開pages.json神帅,在"globalStyle"里設置"enablePullDownRefresh":true

image.png

此時所有頁面都可以完成下拉刷新功能
如果想在單個頁面中不執(zhí)行刷新功能:在pages.json里單個頁面上添加

image.png

如果想在單個頁面中執(zhí)行刷新功能:在pages.json里單個頁面上添加

{
    "path": "pages/index/index",
    "style": {
        "navigationBarTitleText": "首頁",
        "enablePullDownRefresh":true
    }
},

"enablePullDownRefresh":true

8.onReachBottom :頁面滾動到底部的事件(不是scroll-view滾到底)罕容,常用于下拉下一頁數據
9.onTabItemTap :點擊 tabBar 時觸發(fā)

10.onShareAppMessage :用戶點擊右上角分享
可以在轉發(fā)時設置轉發(fā)標題,路徑和圖片

image.png

11.onPageScroll :監(jiān)聽頁面滾動
12.onNavigationBarButtonTap :監(jiān)聽原生標題欄按鈕點擊事件
13.onBackPress :監(jiān)聽頁面返回
14.onNavigationBarSearchInputChanged :監(jiān)聽原生標題欄搜索輸入框輸入內容變化事件
15.onNavigationBarSearchInputConfirmed :監(jiān)聽原生標題欄搜索輸入框搜索事件高帖,用戶點擊軟鍵盤上的“搜索”按鈕時觸發(fā)
16.onNavigationBarSearchInputClicked :監(jiān)聽原生標題欄搜索輸入框點擊事件

 onLoad() {
     console.log('頁面加載')
 },
 onShow() {
     console.log('頁面顯示')
 },
 onReady(){
     console.log('頁面初次顯示')
 },
 onHide() {
     console.log('頁面隱藏')
 },
 onUnload() {
     console.log('頁面卸載')
 },
 onBackPress(){
     console.log('頁面返回...')
 },
 onShareAppMessage() {
     console.log('分享!')
 },
 onReachBottom() {
     console.log('下拉加載...')
 },
 onPageScroll(){
     console.log('頁面滾動...')
 },
 onPullDownRefresh() {
     console.log('上拉刷新...')
     uni.stopPullDownRefresh();
 },

組件生命周期(與vue標準組件的生命周期相同)
1.beforeCreate :在實例初始化之后被調用
2.created :在實例創(chuàng)建完成后被立即調用
3.beforeMount :在掛載開始之前被調用

該鉤子在服務器端渲染期間不被調用缰儿。
使用方法:在主頁面中引入組件,在組件中寫
image.png

4.mounted :掛載到實例上去之后調用(該鉤子在服務器端渲染期間不被調用)

注意 mounted 不會保證所有的子組件也都一起被掛載散址。如果你希望等到整個視圖都渲染完畢乖阵,
可以在 mounted 內部使用vm.$nextTick:
mounted: function () {
  this.$nextTick(function () {
    // Code that will run only after the
    // entire view has been rendered
  })
}

5.beforeUpdate :數據更新時調用,發(fā)生在虛擬 DOM 打補丁之前(該鉤子在服務器端渲染期間不被調用预麸,因為只有初次渲染會在服務端進行)
6.updated :由于數據更改導致的虛擬 DOM 重新渲染和打補丁义起,在這之后會調用該鉤子(該鉤子在服務器端渲染期間不被調用)
7.beforeDestroy :實例銷毀之前調用。在這一步师崎,實例仍然完全可用(該鉤子在服務器端渲染期間不被調用)
8.destroyed :Vue 實例銷毀后調用(該鉤子在服務器端渲染期間不被調用)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末默终,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌齐蔽,老刑警劉巖两疚,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異含滴,居然都是意外死亡诱渤,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門谈况,熙熙樓的掌柜王于貴愁眉苦臉地迎上來勺美,“玉大人,你說我怎么就攤上這事碑韵∩娜祝” “怎么了?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵祝闻,是天一觀的道長占卧。 經常有香客問我,道長联喘,這世上最難降的妖魔是什么华蜒? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮豁遭,結果婚禮上叭喜,老公的妹妹穿的比我還像新娘。我一直安慰自己蓖谢,他們只是感情好域滥,可當我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蜈抓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪昂儒。 梳的紋絲不亂的頭發(fā)上沟使,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天,我揣著相機與錄音渊跋,去河邊找鬼腊嗡。 笑死,一個胖子當著我的面吹牛拾酝,可吹牛的內容都是我干的燕少。 我是一名探鬼主播,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蒿囤,長吁一口氣:“原來是場噩夢啊……” “哼客们!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤底挫,失蹤者是張志新(化名)和其女友劉穎恒傻,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體建邓,經...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡盈厘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了官边。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片沸手。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖注簿,靈堂內的尸體忽然破棺而出契吉,到底是詐尸還是另有隱情,我是刑警寧澤滩援,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布栅隐,位于F島的核電站,受9級特大地震影響玩徊,放射性物質發(fā)生泄漏租悄。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一恩袱、第九天 我趴在偏房一處隱蔽的房頂上張望泣棋。 院中可真熱鬧,春花似錦畔塔、人聲如沸潭辈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽把敢。三九已至,卻和暖如春谅辣,著一層夾襖步出監(jiān)牢的瞬間修赞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工桑阶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留柏副,地道東北人。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓蚣录,卻偏偏與公主長得像割择,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子萎河,可洞房花燭夜當晚...
    茶點故事閱讀 44,947評論 2 355