【微信小程序】组件生命周期

最新推荐文章于 2025-05-20 07:51:31 发布

tscn1

最新推荐文章于 2025-05-20 07:51:31 发布

阅读量522

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/tscn1/article/details/120340608

本文详细介绍了微信小程序中组件的生命周期，包括created、attached、detached等关键阶段。此外，还探讨了生命周期方法的定义位置，如Component构造器内与lifetimes的区别，以及behaviors中的生命周期行为。通过代码实践，解释了不同生命周期函数的执行顺序和场景，帮助开发者更好地理解和掌握小程序组件的生命周期管理。

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

组件的生命周期

主要的三个函数：

created

组件实例被创建好触发，组件在调用Component里的定义的数据data来实例化数据，
此时不能使用setData

attached

组件初始化完毕，进入页面节点时被触发。几乎所有的初始化工作都在这里完成。

detached

当页面退出时，页面中如果还有节点树，次函数被触发

定义生命周期的方法

可以直接写在Component构造器的第一级参数中，但是不建议。

小程序在2.2.3期，生命周期函数的位置建议写在lifetimes中，优先级要高于第一级参数

如果外部和lifetimes一起定义，只执行优先级高的，即是执行lifetimes里面的

behaviors中的生命周期

behavior中也存在生命周期，引入后同名的生命周期不会覆盖

但是，一个组件中多次引入同一个behavior，这个behavior中的生命周期只会在一个执行段中执行一次

每个组件在被同一个page中多次调用，每次引用都会执行一次生命周期

behavior中的生命周期优先高于组件的

代码实践

组件中

const Behavior = require('my-behavior');
Component({
   
   
  behaviors:[Behavior],
  // 一级生命周期函数
  created:function(){
   
   
    // 一般作日志记录
    console.log('create')