Vue父传子和子传父和pubsub-js通信

父传子：需要 在父组件中的子组件绑定值传递  如：

然后子组件通过defineprops进行接收。   msg即可直接渲染到模版

子传父：通过触发父组件定义的函数 当参数传递给父组件

父组件定义个函数传递给子组件

然后子组件接收父组件传递的函数 触发函数 把数据当参数传递即可

在父组件定义的函数即可获取到数据

pubsub-js：

使用pubsub-js可以解决通信问题 父传子 子传父 兄弟 祖孙等等

npm  i  pubsub-js   去下载

想在哪个组件传递数据就去 ‘派发'

//引入pubsub-js
import PubSub from 'pubsub-js';   

PubSub.publish('hello', '传递的数据');   
//派发数据  第一个参数为名称  第二个为数据

 然后在接收的组件进行接收 '订阅'

//导入pubsub-js
import PubSub from 'pubsub-js';

//subscribe接收  
第一个参数为名称 第二个回调函数中  第一个参数为接收的名字必须对应 第二个为接收值
PubSub.subscribe('hello',(name,value)=>{
  console.log(name,value);
})