uniapp 生命週期

2021-10-05 19:06:31 字數 1274 閱讀 5890

應用生命週期函式

頁面生命週期函式

onload 監聽頁面載入,其引數為上個頁面傳遞的資料,引數型別為object(用於頁面傳參),觸發一次

onshow 監聽頁面顯示。頁面每次出現在螢幕上都觸發,包括從下級頁面點返回露出當前頁面

onready 監聽頁面初次渲染完成。注意如果渲染速度快,會在頁面進入動畫完成前觸發 ,觸發一次

onhide 監聽頁面隱藏

onunload 監聽頁面解除安裝

export

default

, onshow:

function()

, onhide:

function()

, onerror:

function

(err)

}<

/script>

/*每個頁面公共css */

@import

url(

"./static/iconfont/iconfont.css");

<

/style>

其他頁面:

='box'

>

}<

/view>

='iconfont icon-shipin '

>

<

/text>

='iconfont'

>

<

/text>

"true" v-html=

"hhh"

>wwww<

/text>

"primary" @click=

"get"

>按鈕<

/button>

<

/view>

<

/template>

export

default},

methods:},

onload

(option)

,onshow()

,onready()

,onhide()

,onunload()

}<

/script>

@import

url(

"../css/a.css");

.box

.box1

<

/style>

uni app生命週期小測

最近在開發乙個需求,在元件中使用了onload生命週期,導致一直未生效的問題。在平時開發專案中,頁面和元件的寫法是一模一樣的,初看我以為所有元件都會有頁面生命週期和vue自帶的生命週期,其實不然,只能當vue元件當頁面使用時,才會有頁面生命週期,而且當通過導航欄的返回鍵返回時,頁面的onhide生命...

uniapp的生命週期及其和vue生命週期的對比

頁面載入過程 載入 顯示 載入完成 頁面隱藏 頁面解除安裝 onload 監聽頁面載入 onshow 監聽頁面顯示 onready 監聽頁面初次渲染完成 onhide 監聽頁面隱藏 onunload 監聽頁面解除安裝 vue頁面載入過程 created 例項被建立後執行 beforemount 例項...

React 生命週期 生命週期方法

生命週期 掛載 更新 解除安裝 元件被建立 執行初始化 並被掛載到dom中,完成元件的第一次渲染 constructor props getderivedstatefromprops props,state render componentdidmount 元件被建立時會首先呼叫元件的構造方法,接受...