总结Vue父子组件相互传值和路由传值的两种方式【后续更新】

1、父到子

思路总结:

     1、定义子组件接收父组件的变量在props['child'],的单独的属性中,与data()平行;

     2、在父组件中给子组件中定义的变量赋值==>  :child="parentMessage"    parentMessage为父组件响应系统中的变量

2、子到父

1、父组件自定义指令,如: @Transfer=show

2、子组件想父组件的指令进行传值,如 :this.$.emit('transfer',要传的变量=transferValue)

3、父组件指令绑定的方法进行取值,如:在方法中show(传递的变量值=transferValue){ this.a = transferValue},记得在data()中用变量a进行接收;

3、this.$route.params

4、this.$route.query

路由代码:

https://github.com/pshdhx/LearnVueRouter

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值