运用uniapp开发移动端之生命周期函数在项目中的应用

本文详细介绍了uni-app中的应用、页面和组件三种生命周期,包括启动、切换、显示、隐藏和销毁等阶段,以及这些生命周期在App.vue和pages.json配置中的作用。

uni-app生命周期分类

一、应用生命周期

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

  • 应用生命周期仅可在App.vue中监听,在页面监听无效。
  • App.vue是uni-app的主组件,所有页面都是在App.vue下进行切换的,是页面入口文件。但App.vue本身不是页面,所以不能编写视图元素,没有< template >标签

二、页面生命周期

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

  • 支持vue标准的生命周期函数,同时新增了很多其他的生命周期函数
  • 在page目录下配置的页面文件才能生效
  • uni-app会将 pages.json ==> pages 配置项中的第一个页面,作为当前工程的首页(启动页)

三、组件生命周期

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

uni-app 组件支持的生命周期,与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期:

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值