小程序开发:自定义组件,组件的基本使用

自定义组件是为了方便提取公共的部分来实现调用,比如头部,底部的一些公共的部分就可以使用公共组件来完成;

自定义组件

  1. 在pages的同级目录下创建 components 文件夹;
  2. 在components文件夹中创建一个文件夹,然后右击文件夹选择新建components;
  3. 如果那个pages 需要组件就在对应的 .json文件中注册;
  4. 页面中引入组件名标签;

在这里插入图片描述
在这里插入图片描述

组件的属性传值

1,先在组件标签中自定义一个属性 myTitle

<all mytitle="this is a data"></all>

2,在对应组件js中的 properties 中接受传过来的值

properties: {
    mytitle: {
      type: String,
      value: "如果没有传值这里将是默认值"
    }
  },

3,在组件中 显示对应的值

<text>{{mytitle}}</text>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值