uniapp组件的使用

1自定义组件的

组件的创建:必须是components/steper
下生成的组件
导入的模式分为直接导入和传统模式的导入在这里插入图片描述
1.2组件的传参
子传父在这里插入图片描述
组件数据的全局传参(任意组件和页面都可以监听)
在这里插入图片描述

1.父传子:props
    父通过属性的方式传递个字组件
        <steper :value="d1" ></steper>  
	子通过props接收
             props:{
   
             11接收参数value
             value:{
   
             type:Number, 1数字类型默认值为1
             default:1,
    子组件可以使用
          this .count = this.value
2.子传父 事件$emit
     子触发事件.
         this.Semit"input .this.count)
     父监听事件更新值
        <steper :value-"d1" @input= "d1 = $event"></steper>

3.全局传参:uni.$on
    全局发送事件
         uni.$on("事件名"
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值