组件的传值


    1.父传子:
       传:   子组件标签   属性名=值
       收:   props:{
              属性名:{
               type:类型,多个类型  [Object,Array,String],
               default:基本数据类型,直接写
                       复杂数据类型:()=>{return 复杂数据类型}
               required:true, // 必填
               validator:(value)=>{
                   return boolean值
                      true:验证通过
                      false:验证失败
               }
           }
           单向数据流:栈不可修改,堆随便改
                   基本数据类型不可修改,复杂 数据类型,只要不修改它的引用地址(栈),它的值随便修改

       }
    2.子传父(子触发父方法)
       绑定:  子组件标签  @子组件方法名="父组件方法"
       触发:
         子组件内触发:this.$emit('子组件方法名',参数值)

  3.兄弟组件传值:
     1:Vue.prototype.$bus=new Vue()
     2: 监听  this.$bus.$on('方法名',(参数值)=>{...})
     3:触发   this.$bus.$emit('方法名',实参值)
     4:销毁  this.$bus.$off('方法名')
     特点:bus的监听会累加,bus的监听不使用时要销毁,beforeDestroy销毁处理

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值