uniapp页面生命周期和应用生命周期
时间: 2023-12-13 13:33:41 浏览: 40
uni-app页面生命周期包括:onLoad、onShow、onReady、onHide、onUnload等。其中,onLoad在页面加载时触发,onShow在页面显示时触发,onReady在页面初次渲染完成时触发,onHide在页面隐藏时触发,onUnload在页面卸载时触发。
应用生命周期包括:onLaunch、onShow、onHide等。其中,onLaunch在应用初始化时触发,onShow在应用进入前台时触发,onHide在应用进入后台时触发。
以下是一个uni-app页面生命周期的例子:
```vue
<template>
<div>
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello World!'
}
},
onLoad() {
console.log('页面加载完成')
},
onShow() {
console.log('页面显示')
},
onReady() {
console.log('页面初次渲染完成')
},
onHide() {
console.log('页面隐藏')
},
onUnload() {
console.log('页面卸载')
}
}
</script>
```
以下是一个uni-app应用生命周期的例子:
```vue
<script>
export default {
onLaunch() {
console.log('应用初始化')
},
onShow() {
console.log('应用进入前台')
},
onHide() {
console.log('应用进入后台')
}
}
</script>
```