微信小程序 原生开发 自定义组件使用过程详解+配图

本文介绍了微信小程序中自定义组件的开发过程,包括创建components文件夹存储组件,理解组件构成与页面相似但JS文件内容及生命周期不同,组件的引入与挂载,以及在WXML中使用自定义组件的标签。强调了掌握组件生命周期的重要性,并预告了后续关于子组件间通信的内容。
摘要由CSDN通过智能技术生成

开发小程序中,会遇见单页面无法满足流程设计,或者原生的组件不满足开发需求

这时就需要前端工程师,设计页面流程或者来自行制作组件;

所以,小编今天来详细分解一下,关于小程序 自定义组件 component 的详细用法。

附上链接:官方关于Component组件的介绍 (个人表示官方文档写的,含糊不清的。但还是,建议各位新手开发员先看一下,了解一下。)

下面我们开始准备。

1.首先在工程项目中创建一个components文件夹

用于存放各种自己定义的components组件文件。

如图:

每一个component组件的构成和一个page基本一样,都是由:wxml,wxss,json,js等四种文件组成,唯一不同的是,组件的JS文件中和page的js文件中的内容是不同的,切所使用的生命周期也是不同的。

至于组件的生命周期说明,请看小编转载的这个技术贴,比官方写的详细;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值