目前在项目中有这么两个平行的vue.js组件， 都挂载在$el:document.body下：hall和detail
现在的情况是， detail中的某个值改变了, 需要在hall中的某个值也作出相应的改变。 本来是想做父子组件的， 但项目框架如此， 改还要牵扯到很多， 暂缓了。
我们知道vue.js中组件树的通信是比较方便的: 子组件可以通过v-bind和prop来从父组件继承值并双向绑定， 而子组件也可以通过$dispatch方法来向父组件发送信息
那么这种平行的子组件之间， 有没有什么好的通信方法呢？
现在的临时解决方案就是：收到ajax的返回信息之后， 在回调函数中这样写：
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 asd12344_001 的问题《Vue.js的平行组件之间如何互相通信？》','https://wenda.whatsns.com/q-301881.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
this.$parent.$children[0].$data.somedata = somavalue但这样的写法让我很不安， 且不说那个强耦合$children[0], 实现也不甚优雅
有没有什么好的办法呢？求解！
更加令人蛋伤的是项目用的是0.12版本+browserify进行组件打包， 1.0的高级特性不敢乱用……
付费偷看金额在0.1-10元之间
4.vuex
我在这篇使用Vue.js和Vuex实现购物车场景文章解释了。两个组件的之间的沟通渠道相对麻烦，vuex可以解决这一问题。
2.event bus
vue2.0里面的event bus(其实就是个发布订阅模式)：
如果通过$dispatch和$broadcast来解决的话，可以dispatch到根组件，然后在broadcast到子组件。
还可以通过vuex来解决，处处数据同步，处处可取。
把事件冒到两个节点的公共祖先上传递信息
应该可以通过Vuex解决。
vuex完美解决
看这个问题的回答
要是我，就$parent.$broadcast。本身是局部的属性，放在vuex太累了。就用最简单的办法，实现通信就好。
3.$dispatch $broadcast
建议不用，2.0要废除
一周热门 更多>