小程序自定义组件生命周期

created: function(){}, // 组件在内存中创建完毕执行
attached: function(){}, // 组件挂载之前执行
ready: function() {}, // 组件挂载后执行
detached: function(){}, // 组件移除执行
moved: function(){}, // 组件移动的时候执行

小程序官网中并没有明确地说明组件的生命周期,通过查阅资料,内容大致如下:

created 组件实例化,但节点树还未导入,因此这时不能用setData

attached 节点树完成,可以用setData渲染节点,但无法操作节点

ready(不是onReady) 组件布局完成,这时可以获取节点信息,也可以操作节点

moved 组件实例被移动到树的另一个位置

detached 组件实例从节点树中移除

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用小程序自定义组件的步骤如下: 1. 创建自定义组件文件夹: 在小程序项目的目录中,创建一个文件夹用于存放自定义组件相关的文件。 2. 创建组件的 WXML 文件: 在自定义组件文件夹中,创建一个以 `.wxml` 为后缀名的文件,用于定义组件的结构。 3. 创建组件的 WXSS 文件: 在自定义组件文件夹中,创建一个以 `.wxss` 为后缀名的文件,用于定义组件的样式。 4. 创建组件的 JS 文件: 在自定义组件文件夹中,创建一个以 `.js` 为后缀名的文件,用于定义组件的行为和逻辑。 5. 创建组件的 JSON 配置文件: 在自定义组件文件夹中,创建一个以 `.json` 为后缀名的文件,用于配置组件的基本信息。 6. 编写组件的 WXML 结构: 在组件的 WXML 文件中,定义组件的结构和布局,可以使用小程序提供的基础组件和自定义样式。 7. 编写组件的 WXSS 样式: 在组件的 WXSS 文件中,编写组件的样式,可以为各个组件元素添加样式类,并定义相应的样式规则。 8. 编写组件的 JS 逻辑: 在组件的 JS 文件中,编写组件的行为和逻辑。可以定义组件的属性、方法和生命周期函数等。 9. 配置组件的 JSON 文件: 在组件的 JSON 配置文件中,配置组件的基本信息,包括组件的名称、引用方式、样式等。 10. 在页面中使用自定义组件: 在小程序的页面中,使用自定义组件的标签,并按需传入相应的属性值。 以上是使用小程序自定义组件的基本步骤。自定义组件可以提高代码的复用性和可维护性,让开发变得更加高效。希望对你有所帮助!如果有任何疑问,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值