vue怎么改变route里的值_入坑 Vue.js

最近在做一个WEBAPP项目,在使用$emit、$on做父子、兄弟节点数据传入的时候遇到很多问题,今天总结并分享一下。

一、单页面应用数据传输

Vue.js 的$emit与$on的基本概念我就不描述了,使用它大致是在根节点上定义一个“事件通道”,如下:

150e7de903e650a225d355e3a0027897.png

也就是另外定义一个Vue的实例,然后我的应用的单页面应用,只有一个根节点,通过router-view来渲染子页面,结构如下:

18d344d5b51b8bf72b589e2545451558.png

$emit的意思是“发送”,而$on是监听$on是瞬时的,所以在$emit还没有发送数据,$on就已经在监听了,他们之间需要写一个自定义函数,这个函数个人理解为两者之间的“标示”,用户区分不同的自定义函数,当然$on需要一个回调函数用来接受参数。。。。大致的结构如下:

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值