微信小程序自定义组件的使用

本文详细介绍了组件化的两种类型——通用组件和业务组件,通用组件注重复用,业务组件针对特定业务场景。创建组件的步骤包括在项目根目录建立components文件夹,然后在其中创建自定义组件,并在使用页面的JSON文件中引入。组件间的通信方式包括父组件通过属性传参给子组件,子组件通过自定义事件向父组件传递参数。插槽的使用允许在通用组件内定制内容和样式,提供了一种灵活的定制化方案。

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

一、通用组件还是业务组件

1.通用组件的功能就是实现组件复用

2.业务组件主要是为了实现一个专门的业务开发

二、创建组件

1.在根目录创建components文件夹

2.在components文件夹里创建组件,如tabs

如下图所示

3.如果要使用自定义组件,需要在使用组件的页面的json文件里添加组件信息

4.组件之间的传值

传参

组件接收参数

组件传参

自定义组件通过自定义事件给父组件传参

父组件接收

处理

 

传过来的值

总结

父组件通过属性给自定义组件传递参数
自定义组件通过自定义事件给父组件传递参数

三、插槽的使用(slot)

1.为什么要使用插槽

答:通用组件只是规定了一个通用的基本结构和样式,而每个相似组件都有自己特定的内容与样式,这时就需要使用插槽来“定制”属于自己的内容和样式

2.插槽的使用

a.定义插槽

   在自定义组件里

注意:使用多插槽需要在组件json文件里配置

b.在父组件里使用插槽

总结

1.传参:父子组件传参

2.slot:插槽的使用

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值