vue中怎么实现兄弟组件的数据传递-创新互联

今天就跟大家聊聊有关vue中怎么实现兄弟组件的数据传递,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比云阳网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式云阳网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖云阳地区。费用合理售后完善,10多年实体公司更值得信赖。

在main.js里面设置data{eventHub:new Vue() }

new Vue({
 el: '#app',
 router,
 store,
 template: '',
 components: { App },
 data:{
  eventHub:new Vue() // 在main.js设置所有组件都能用调用
 },
  
})

我们再组件一设置一个事件调用组件二的事件,传递数据给组件二


看完上述内容,你们对vue中怎么实现兄弟组件的数据传递有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联成都网站设计公司行业资讯频道,感谢大家的支持。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


名称栏目:vue中怎么实现兄弟组件的数据传递-创新互联
标题URL:http://hbruida.cn/article/coioes.html