简单整理了一下vue、小程序、uni-app的生命周期及其作用

简介: 简单整理了一下vue、小程序、uni-app的生命周期及其作用

Vue、小程序和uni-app都是前端框架或技术,它们有各自的生命周期。下面我将分别介绍它们的生命周期及其作用。

1. Vue的生命周期:

  - beforeCreate:实例被创建之前执行。

  - created:实例已经创建完成,可以进行数据观测和事件初始化等操作。

  - beforeMount:在挂载开始之前被调用,相关的render函数首次被调用。

  - mounted:el被新创建的vm.$el替换,并挂载到实例上去之后调用该钩子。

  - beforeUpdate:数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前。

  - updated:由于数据更改导致虚拟DOM重新渲染和打补丁后调用。

  - beforeDestroy:实例销毁之前调用。在这一步,实例仍然完全可用。

  - destroyed:Vue实例销毁后调用。清理工作应该在这里进行。

  Vue的生命周期主要用于控制组件的初始化、数据变化、销毁等过程中的逻辑操作,例如在created钩子中进行数据初始化,在mounted钩子中进行DOM操作等。

2. 小程序的生命周期(以微信小程序为例):

  - onLoad:页面加载时触发。

  - onShow:页面显示时触发,每次打开页面都会触发。

  - onReady:页面初次渲染完成时触发。

  - onHide:页面隐藏时触发,如跳转到其他页面或底部导航切换时。

  - onUnload:页面卸载时触发。

  小程序的生命周期主要用于控制页面的初始化、显示、隐藏和销毁等过程中的逻辑操作,例如在onLoad中进行数据初始化,在onShow中进行数据更新等。

3. uni-app的生命周期:

  - beforeCreate:组件实例被创建之前执行。

  - created:组件实例已经创建完成,可以进行数据观测和事件初始化等操作。

  - beforeMount:在挂载开始之前被调用,相关的render函数首次被调用。

  - mounted:el被新创建的vm.$el替换,并挂载到实例上去之后调用该钩子。

  - beforeUpdate:数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前。

  - updated:由于数据更改导致虚拟DOM重新渲染和打补丁后调用。

  - beforeDestroy:组件实例销毁之前调用。在这一步,组件实例仍然完全可用。

  - destroyed:组件实例销毁后调用。清理工作应该在这里进行。

  uni-app的生命周期与Vue的生命周期类似,用于控制组件的初始化、数据变化、销毁等过程中的逻辑操作。

总的来说,这些框架和技术的生命周期提供了一系列的钩子函数,用于控制组件或页面在不同阶段执行特定的逻辑代码,方便开发者进行初始化、数据管理和资源清理等操作。


目录
相关文章
|
12月前
|
小程序 搜索推荐 JavaScript
引入小程序平台对app有啥好处
引入小程序平台对app有啥好处
678 155
|
12月前
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1937 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
12月前
|
移动开发 JavaScript 应用服务中间件
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1236 5
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
12月前
|
移动开发 Rust JavaScript
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1294 4
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
12月前
|
移动开发 Android开发
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
548 0
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。
|
人工智能 小程序 前端开发
小程序、网站 vs. APP:成本差异究竟在哪里?技术栈如何决定项目上限?优雅草卓伊凡
小程序、网站 vs. APP:成本差异究竟在哪里?技术栈如何决定项目上限?优雅草卓伊凡
991 0
小程序、网站 vs. APP:成本差异究竟在哪里?技术栈如何决定项目上限?优雅草卓伊凡
|
小程序 Java 关系型数据库
圈子系统公众号app小程序系统源码圈子系统带即时通讯 多级圈子系统源码 兴趣小组系统开源 私密圈子系统代码 会员制社区系统
本圈子系统解决方案提供即时通讯、多级圈子、兴趣小组、私密社区及会员制管理功能。支持开源与商业方案,推荐ThinkSNS+、EasyClub及OpenFire等系统,并提供前后端技术选型建议,助力快速搭建社交平台。
711 0
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
579 1
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目

热门文章

最新文章