vue

子组件可以通过$root获取根组件的data数据,这样就能实现兄弟间的数据传输 通过$root.count获取到父组件的count数据.

先创建一个bus文件 在html文件中 product-total组件在create()方法下,用$on给bus绑定countChange,然后更改自己的totalCount数据

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/385d04d6b37f4fd9bdd268e20f4f9f4b~tplv

父组件的titleTest值传给子组件props中title,然后子组件props中title的值传给data中的myTitle,当修改data中myTitle,父组件的titleTest也会跟着修改

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/abfa93cdc1914b08ad18628353fa0c30~tplv