vue的三种组件通信，父传子，子传父，兄弟传值

vue的组件通讯？

vue的组件通讯除了vuex以外，还有父传子，子传父，兄弟传值。

1.父传子props：

首先在同一路径的文件夹下创建一个vue.js文件，在父组件用import引入这个vue,js文件，在components属性中添加子组件，在代码区使用子组件

然后想要往子组件传值，在你定义的子组件标签中添加一个自定义属性，属性后面的值就是你要往子组件传的数组和字符串
在子组件用props属性来接受父组件传的属性：

总结props是单下行数据传参，父组件数据变化更新会传给子组件，反过来子组件无法修改props的值，不然vue会报错。

2.子组件向父组件传参this.$emie()。

this.$emit()的第一个参数是自定义的方法名，第二个是向父组件传递的值。

代码如下：

3.兄弟传值有vuex,父组件中转还有自定义一个js文件当作数据仓库来使用。

首先定义一个Bus.js文件，引入vue然后默认导出vue实例。（比如这辆货车把货放入仓库，另一辆货车在把货物拉走一个道理）

需要传值，在文件中引入即可

它是通过引入的Bus文件名来触发这个方法，Bus.$emit(‘自定义事件名’，传递的值)

A：组件

另一个组件也需引入Bus文件。

B:组件

以上就是我对vue的三种传值简单叙述，不是特别透彻，但是传值完全够用。