uniapp生命周期方法有哪些及用法
时间: 2023-12-23 18:06:19 浏览: 25
Uniapp生命周期方法包括:
1. onLaunch:小程序初始化时触发,全局只触发一次。
2. onShow:小程序启动或从后台进入前台显示时触发。
3. onHide:小程序从前台进入后台时触发。
4. onError:小程序发生脚本错误或 API 调用失败时触发。
5. onPageNotFound:小程序页面不存在时触发。
6. onLoad:页面加载时触发。
7. onReady:页面初次渲染完成时触发。
8. onUnload:页面卸载时触发。
9. onPullDownRefresh:用户下拉刷新时触发。
10. onReachBottom:页面滚动到底部时触发。
11. onShareAppMessage:用户点击右上角分享时触发。
这些生命周期方法可以用于控制小程序或页面的行为,比如在onLoad中加载数据,在onUnload中清除缓存,在onShareAppMessage中设置分享内容等。开发者可以根据自己的需求合理使用这些生命周期方法。
相关问题
uniapp 生命周期
UniApp 的生命周期可以分为以下几个阶段:
1. beforeCreate:在实例初始化之后,数据观测和事件配置之前被调用。
2. created:在实例创建完成后被调用,此时实例已完成以下配置:数据观测、属性和方法的运算、watch/event 事件回调。
3. beforeMount:在挂载开始之前被调用,相关的 render 函数首次被调用。
4. mounted:实例挂载完成后被调用,此时 DOM 已经渲染完毕。
5. beforeUpdate:数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。
6. updated:由于数据更改导致的虚拟 DOM 重新渲染和打补丁完成后调用。
7. beforeDestroy:实例销毁之前调用。在这一步,实例仍然完全可用。
8. destroyed:实例销毁后调用,此时所有的指令都已解绑,所有的事件监听器都已移除。
这些生命周期钩子函数可以在 UniApp 的页面组件和应用级组件中使用。页面组件有自己独立的生命周期,而应用级组件则与应用的生命周期保持一致。
uniapp生命周期onload
uniapp的生命周期中没有 `onload` 这个方法。但是,uniapp中有类似的生命周期函数 `onLoad`,它是在页面加载时触发的。
`onLoad` 生命周期函数在uniapp中的页面组件中使用。当页面被加载时,`onLoad` 函数会被调用。你可以在这个函数内执行一些初始化操作,或者获取一些数据。在 `onLoad` 中,你可以通过 `this` 关键字来访问页面组件的数据和方法。
以下是一个示例代码:
```vue
<template>
<view>
<!-- 页面内容 -->
</view>
</template>
<script>
export default {
onLoad() {
console.log('页面加载完成');
// 执行一些初始化操作或获取数据
},
}
</script>
```
请注意,`onLoad` 只在页面初始化时触发一次,如果你需要在每次页面显示时都执行一些操作,可以使用 `onShow` 生命周期函数。