vue非父子组件之间的通信

在将项目用vue重写时我遇到了这么个问题。A是一个列表组件,点击列表中某项时跳转至B组件(详情页)。

因为是前后端分离的开发方式,调试前后端接口需要先build前端再放到服务器上,所以我想尽量少的写请求后端的接口。

项目之前的方式是用解析路由在B中解析出点击对象的ID,再去数据库查询此ID的其他信息。

但是我想让A向B跳转时将点击项的所有信息带过去。于是调研非父子组件的通信。

1.$dispatch  $broadcast 这个方法vue2.0已废弃

2.eventBus  https://blog.csdn.net/u013034014/article/details/54574989?locationNum=2&fps=1

这个方法确实很容易地实现了兄弟组组件的通信,遗憾的是我在A $emit成功,B的钩子函数中 $on 已经赶不上趟了,因为A跳转到了B!

于是我在想要不要把A与B写在一个页面中,用v-if 或v-show控制显示。权衡整个项目都需要和列表信息打交道以后我决定还是用vuex比较合适。

3.vuex 

猜你喜欢

转载自blog.csdn.net/L_bic/article/details/79734930