微信小程序--公共组件使用

这篇博客详细介绍了如何在微信小程序中创建与引用自定义组件。首先,需要在项目根目录下创建一个与pages同级的components文件夹,然后在其中建立组件文件夹并编写组件代码。接着,在引用组件的页面json文件中配置usingComponents,指定组件名称及路径。在wxml文件中通过标签来使用组件。此外,还讲解了如何进行全局引用组件的方法,只需在app.json中配置usingComponents,之后在任何页面都可以直接使用该组件。

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

单独引用组件:

1、创建与pages同级的文件夹:components

2、在components中创建对应组件的文件夹

3、在组件文件加上创建component文件

会得到:

 在需要引用的页面对应json文件中找到:

 "usingComponents": {

    "组件名自定义":"/components/test/test" // 组件路径

  },

对应的wxml创建标签:

<组件名自定义></组件名自定义>

全局引用组件:

在app.json中创建组件与pages同级:

 "usingComponents": {

    "my-test":"/components/test/test"

  }

然后再需要引入的页面中惊醒引用

<my-test></my-test>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值