uni-app 是一个使用Vue.js开发所有前端应用的框架,其优势是开发者编写一套代码,就可以发布到iOS、Android、Web、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。

uni-app 因为采用Vue语法+微信小程序api,对开发者比较友好,学习成本低,并且其插件市场也拥有数千款插件,有效加快开发速度。

uni-app常用生命周期简介

一、应用生命周期(在app.vue里使用)

  1. export default{
  2. //应用初始化完成触发一次,全局只触发一次
  3. onLaunch: function() {},
  4. //应用启动时,或者从后台切换到前台时会触发
  5. onShow: function() {},
  6. //应用从前台切换到后台时触发
  7. onHide: function() {}
  8. }

二、页面生命周期(在每个页面都可以使用)

  1. export default{
  2. //监听页面加载
  3. onLoad() {},
  4. //监听页面初次渲染完成
  5. onReady() {},
  6. //监听页面显示
  7. onShow() {},
  8. //监听页面隐藏
  9. onHide() {},
  10. //监听页面卸载
  11. onUnload() {}
  12. }

三、组件生命周期

  1. export default{
  2. //在实例初始化之后,数据观测(data observer)和event/watcher 事件配置之前被调用
  3. beforeCreate() {},
  4. //实例创建完成之后立即调用,挂载阶段还未完成
  5. create() {},
  6. //挂载到实例上去之后调用
  7. mounted() {},
  8. //组件实例销毁之后调用
  9. destroyed() {}
  10. }

uin-app 详细生命周期可参考官方文档:uni-app生命周期官方文档