uni-app生命周期有哪些?怎么理解?

uni-app生命周期有哪些?怎么理解?

uni-app生命周期有哪些?怎么理解?


文章目录

  • uni-app生命周期有哪些?怎么理解?
  • 前言
  • 一、什么是生命周期函数?
  • 二、uni-app生命周期分类
  • 总结


前言

UNI-APP学习系列之uni-app生命周期有哪些?怎么理解?


一、什么是生命周期函数?

  • 生命周期函数
    • 在项目运行过程中,各个阶段执行的回调函数成为生命周期钩子函数
    • 在合适的时机做合适的任务,也就是对应的回调函数执行
    • 在之前的vue项目中是vue实例的生命周期
    • uni-app不止支持vue实例的生命周期,还新增了其他的生命周期

二、uni-app生命周期分类

  • uni-app生命周期分类
    • 应用生命周期uni-app生命周期有哪些?怎么理解?_第1张图片

      • 官网文档地址
      • 应用生命周期仅可在App.vue中监听,在页面监听无效
      • App.vue是uni-app的主组件,所有页面都是在App.vue下进行切换的,是页面入口文件。但App.vue本身不是页面,这里不能编写视图元素,也就是没有
    • 页面生命周期uni-app生命周期有哪些?怎么理解?_第2张图片

      • 官网文档地址

      • 支持vue标准的生命周期函数,同时新增了很多其他的生命周期函数

      • 在page目录下配置的页面文件才能生效

      • uni-app会将 pages.json ==> pages 配置项中的第一个页面,作为当前工程的首页(启动页)

    • 组件生命周期

      • 与vue标准组件的生命周期函数相同
      • 没有页面级新增的onLoad等生命周期函数

总结

以上就是今天要讲的内容,本文介绍了UNI-APP学习系列之uni-app生命周期有哪些?怎么理解?的全部内容,后续我会基于VSCode继续进行开发讲解UNI-APP框架,喜欢的请点击关注,UNI-APP框架使用教程将会持续更新下去。

你可能感兴趣的:(uni-app,vue.js,前端)