福田产品设计,推广关键词优化,新遵义,0成本无货源开网店Uniapp的生命周期可以从以下三方面进行理解#xff1a;
应用生命周期
应用生命周期是指应用程序从启动到关闭的整个过程#xff0c;包括应用程序的启动、前后台切换、退出等。Uniapp提供了以下生命周期钩子函数#xff1a;
onLaunch#xff1a;应用程序启动时触发#…Uniapp的生命周期可以从以下三方面进行理解
应用生命周期
应用生命周期是指应用程序从启动到关闭的整个过程包括应用程序的启动、前后台切换、退出等。Uniapp提供了以下生命周期钩子函数
onLaunch应用程序启动时触发仅在应用程序第一次启动时触发。onShow应用程序进入前台时触发可以获取到应用程序被打开的方式和场景值。onHide应用程序进入后台时触发。onError应用程序发生错误时触发可以用来捕获和处理错误信息。onUniNViewMessage监听来自nvue页面的消息。
页面生命周期
页面生命周期是指页面从创建到销毁的整个过程包括页面的创建、显示、隐藏和销毁等。Uniapp提供了以下生命周期钩子函数
onInit页面被初始化时触发可以获取页面参数和数据。onLoad页面被加载时触发可以进行数据初始化和网络请求等操作。onReady页面渲染完成时触发可以进行页面动画和交互等操作。onShow页面被展示时触发可以处理页面的显示效果和动画等操作。onHide页面被隐藏时触发可以处理页面的隐藏效果和动画等操作。onUnload页面被销毁时触发可以进行资源释放和清理等操作。
组件生命周期
组件生命周期是指组件从创建到销毁的整个过程包括组件的创建、更新、销毁等。Uniapp提供了以下生命周期钩子函数
beforeCreate组件实例被创建之前触发此时组件的数据和方法都还没有初始化。created组件实例被创建之后触发此时组件的数据和方法已经初始化。beforeMount组件被渲染之前触发此时组件还没有被渲染到页面上。mounted组件被渲染之后触发此时组件已经被渲染到页面上。beforeUpdate组件数据更新之前触发此时组件的数据还没有被更新。updated组件数据更新之后触发此时组件的数据已经被更新。beforeDestroy组件实例被销毁之前触发此时组件的数据和方法还可以访问。destroyed组件实例被销毁之后触发此时组件的数据和方法已经无法访问。
使用示例
页面A:list.vue
页面B:details.vue
templatediv{{goods}}/div
/templatescript setup langtsimport { ref } from vue;import {onLoad, } from dcloudio/uni-app;const goods ref()let goodsId;// onLoad 接受 A 页面传递的参数onLoad((options) {//获取页面A传递过来的参数goodsId options.goodsId;//从后台请求数据uni.request({url: http://localhost/wego/portal/goods/v1/details/ goodsId,success: (res) {console.log(**, res);if (res.data.code 200) {goods.value res.data.data;}}})});
/script
