详解uniapp的生命周期

这篇文章主要介绍了uniapp的生命周期,包含应用生命周期、页面生命周期、组件生命周期等等，需要的朋友可以参考下~

1.应用生命周期

应用生命周期是指应用程序从启动到关闭的整个过程，包括应用程序的启动、前后台切换、退出等。

Uniapp提供了以下应用生命周期钩子函数：

• onLaunch：应用程序启动时触发，仅在应用程序第一次启动时触发。
• onShow：应用程序进入前台时触发，可以获取到应用程序被打开的方式和场景值。
• onHide：应用程序进入后台时触发。
• onError：应用程序发生错误时触发，可以用来捕获和处理错误信息。
• onUniNViewMessage：监听来自nvue页面的消息。

 2.页面生命周期

页面生命周期是指页面从创建到销毁的整个过程，包括页面的创建、显示、隐藏和销毁等。

Uniapp提供了以下常用的页面生命周期钩子函数：

• onInit：页面被初始化时触发，可以获取页面参数和数据。
• onLoad：页面被加载时触发，可以进行数据初始化和网络请求等操作。
• onReady：页面渲染完成时触发，可以进行页面动画和交互等操作。
• onShow：页面被展示时触发，可以处理页面的显示效果和动画等操作。
• onHide：页面被隐藏时触发，可以处理页面的隐藏效果和动画等操作。
• onUnload：页面被销毁时触发，可以进行资源释放和清理等操作。

 其他页面生命周期

3.组件生命周期

组件生命周期是指组件从创建到销毁的整个过程，包括组件的创建、更新、销毁等。

Uniapp提供了以下组件生命周期钩子函数：

• beforeCreate：组件实例被创建之前触发，此时组件的数据和方法都还没有初始化。
• created：组件实例被创建之后触发，此时组件的数据和方法已经初始化。
• beforeMount：组件被渲染之前触发，此时组件还没有被渲染到页面上。
• mounted：组件被渲染之后触发，此时组件已经被渲染到页面上。
• beforeUpdate：组件数据更新之前触发，此时组件的数据还没有被更新。
• updated：组件数据更新之后触发，此时组件的数据已经被更新。
• beforeDestroy：组件实例被销毁之前触发，此时组件的数据和方法还可以访问。
• destroyed：组件实例被销毁之后触发，此时组件的数据和方法已经无法访问。

 总结：

Uniapp提供了丰富的生命周期钩子函数，开发者可以根据需要进行使用和扩展。在应用程序开发中，需要注意生命周期函数的执行顺序和时机，避免出现一些不必要的问题和错误。

🚀 个人简介：某大型国企资深软件开发工程师，信息系统项目管理师、CSDN优质创作者、阿里云专家博主、华为云云享专家，分享前端后端相关技术与工作常见问题~

💟 作    者：码喽的自我修养❣️

📝 专    栏：uniApp与微信小程序

 🌈 若有帮助，还请 关注➕点赞➕收藏 ，不行的话我再努努力💪💪💪

  更多专栏订阅推荐：

🔍 vue2/3 从基础到起飞

🥕 JavaScript深入研究

👍 前端工程搭建
💕 javaScript基础

✈️ HTML5与CSS3

⭐️ uniapp与微信小程序

📝 前端工作常见问题汇总

✍️ GIS地图与大数据可视化

📚 常用组件库与实用工具