小程序 -- 组件模板的创建过程

本文简化官方文档,介绍小程序中Component模板的创建与引用。创建时建议与Page同级,可右键建目录并快速创建组件;引用时在页面的json中引入模板路径,还可在组件中传参,在页面使用替代数据。

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

Component
本人感觉官方文档的解释比较啰嗦,我在这里想简单的描述,同时也方便自己的记忆,有任何问题,欢迎您的骚扰;

创建模板:

  1. 在小程序中创建component,建议跟Page同级,方便查找;
  2. 点击鼠标右键建立组件的目录;
  3. 可点右键 ‘新建Component’ 快速创建一个组件;

引用模板:
在页面的json中引入模板的路径即可;

"usingComponents": {
    "banner": "/component/banner/index"
  }
  
<banner normal-banner='{{false}}' banner-list='{{desgin_jx}}'></banner>

在组件中传参,在页面中可直接用使用nonePic代替传入的数据;

nonePic: {
  type: String,
  value: '',
  observer: function (newVal, oldVal, changedPath) {

  }
},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值