uni写的小程序中vue的生命周期和小程序页面生命周期的执行顺序

KAGHQ

于 2021-12-09 13:13:48 发布

阅读量604

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签： vue.js 小程序前端

本文链接：https://blog.csdn.net/LRQQHM/article/details/121816477

小程序专栏收录该内容

34 篇文章

订阅专栏

本文详细探讨了小程序页面和Vue组件的生命周期方法，从onLoad到onUnload，再到Vue的beforeCreate到destroyed，逐一解析每个阶段的功能和触发时机。通过对两者生命周期的对比，帮助开发者更好地理解和应用这两个框架。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 将小程序页面生命周期和vue的生命周期排个序
  onLoad() {
    console.log('onLoad')
  },
  onReady() {
    console.log('onReady')
  },
  onShow() {
    console.log('onShow')
  },
  onHide() {
    console.log('onHide')
  },
  onUnload() {
    console.log('onUnload')
  },
  beforeCreate() {
    console.log('beforeCreate')
  },
  created() {
    console.log('created')
  },
  beforeMount() {
    console.log('beforeMount')
  },
  mounted() {
    console.log('mounted')
  },
  beforeUpdate() {
    console.log('beforeUpdate')
  },
  updated() {
    console.log('updated')
  },
  beforeDestroy() {
    console.log('beforeDestroy')
  },
  destroyed() {
    console.log('destroyed')
  },

在这里插入图片描述