小程序自定义组件,使用自定义组件。

本文介绍了如何在微信小程序中创建和使用自定义组件,包括组件的构成、声明、属性定义、内部数据以及在页面中的引用方法。通过组件化,可以提升代码复用性和维护性,降低复杂页面的开发难度。
摘要由CSDN通过智能技术生成

在微信小程序中,我们可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。

创建自定义组件

1.类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成。先创建四个文件组成自定义组件。
2.在 json 文件中进行自定义组件声明(将 component 字段设为 true 可将这一组文件设为自定义组件):

{
  "component": true
}

3.在 wxml 文件中编写组件模板,在 wxss 文件中加入组件样式,它们的写法与页面的写法类似。具体细节和注意事项参见 小程序开发文档中组件模板和样式 。
在组件模板中可以提供一个 节点,用于承载组件引用时提供的子节点。


```html
<!-- 这是自定义组件的内部WXML结构 -->

<view class="inner">
  {
  {innerText}}
</view>
<
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值