vuejs父子传值,兄弟组件传值

本文介绍了Vue.js中父子组件及兄弟组件之间的数据传递方法。包括子组件通过$emit向父组件传递数据,父组件使用v-on绑定相应事件;父组件通过在data中定义字段并用props在子组件接收;以及利用父组件作为中介实现兄弟组件间的通信。
摘要由CSDN通过智能技术生成

① 子传父

子组件需要传递的数据 this.$emit('{func1}', data)

this.$emit('func1', data)

其中func1对应到父组件中,在父组件引入子的模块中使用 v-on绑定

对应上面的传值即 v-on:'func1'='fatherFunc'

  <ChildComp1
    id="ChildComp1"
    v-on:func1="fatherFunc"
  />

②父传子

在父组件的data中,定义return的字段,比如 param1

// 父组件js
data () {
    return {
      param1: {},
    }
},
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值