之前学了那么久的Vue,对于组件间的通信,总是处于一看文档就会,不看文档就懵的状态,趁着最近做项目的记忆还清晰。赶紧记录一下省的忘记
1、父给子组件通信
父给子通信,这种情况下一般都是用的props比较多
父组件在自身的子组件标签上绑定要传递的数据名以及数据,子组件接收用的是props配置项,配置项中要声明接收的数据的类型、默认值等配置。子组件想调用传过来的数据就用this就行
2、子给父传
子给父传数据可以用自定义事件
当组件间的关系太过复杂时,就可以用消息订阅或者全局事件总线来实现组件间的通信
在main.js中,vm组件的beforecreated生命周期的钩子中写
Vue.prototype.$bus = this;
Vue中的任意一个组件就可以调用$on,$emit来实现组件的传参了