小程序创建组件

1.创建组件

1.2局部引用组件

//页面.json文件
{
  "usingComponents": {
    "test1":"/components/test/test1"
  }
}

//页面.wxml文件
<text>pages/list/list.wxml</text>
<view></view>//强制换行一下
<test1></test1>

 1.3全局应用(在app.json文件中配置)

1.4全局引用vs局部应用

根据组件的使用频率和范围,选择合适的方式

  • 如果某组件在多个页面经常被使用到,建议进行“全局引用”
  • 若只在某特定的页面使用过,建议进行“局部应用”

1.5组件和页面的区别

从表面看,组件和页面都是由.js .json .wxml .wxss这四个文件组成。但是,组件和页面.js与.json文件有明显区别:

  • 组件的.json文件中需要声明“component:true”属性
  • 组件的.js文件中调用的是Component()函数
  • 组件的事件处理函数需要定义到methods节点中
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值