Vue组件间的通信总结

之前学了那么久的Vue，对于组件间的通信，总是处于一看文档就会，不看文档就懵的状态，趁着最近做项目的记忆还清晰。赶紧记录一下省的忘记

1、父给子组件通信

父给子通信，这种情况下一般都是用的props比较多

父组件在自身的子组件标签上绑定要传递的数据名以及数据，子组件接收用的是props配置项，配置项中要声明接收的数据的类型、默认值等配置。子组件想调用传过来的数据就用this就行

2、子给父传

子给父传数据可以用自定义事件


当组件间的关系太过复杂时，就可以用消息订阅或者全局事件总线来实现组件间的通信

在main.js中，vm组件的beforecreated生命周期的钩子中写

Vue.prototype.$bus = this;

Vue中的任意一个组件就可以调用$on，$emit来实现组件的传参了


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容