uniapp---生命周期

发布时间 2024-01-12 10:03:02作者: 帅到要去报警

在做Uniapp项目开发的时候,了解其生命周期很重要,方便及时排查问题以及做项目开发。

一、应用生命周期

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

此生命周期钩子函数是由Uniapp提供的。

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

二、页面生命周期

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

此生命周期钩子函数是由Uniapp提供的。

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

三、组件生命周期

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

此生命周期函数是由VUE提供的。

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

四、总结

我们在做VUE项目开发的时候,更多时候,数据的初始化以及网络请求是在VUE提供的钩子函数【mounted】完成的,但是在做Uniapp开发的时候,数据初始化和网络请求建议是在【onLoad】完成,建议在onload完成,原因我们做跨平台开发,尽量使用Uniapp的函数。

打完收工!