组件数据共享

1.父向子传值

1.在子组件里面创建一个props来接收父组件里面传过来的值。

2.接着在父组件里面

2.1先在data函数里面定义数据
2.2在按照步骤将组件导入、创建和使用
2.3再在使用组件标签里用**v-bind（ ： ）**方法将数据给传过去

2.子向父传值

使用自定义事件

1.首先在子组件上使用this调用**$emit**方法，其中第一个参数是我们自己定义的事件名，第二个参数是要传的值。（事件名我们自己来定义，没规定死）

2.在父组件创建一个属性来接收子组件传过来的值。名字自取。

3.在父组件导入子组件之后，调用子组件标签，给子组件标签绑定自定义事件。（用法和@click=“add”一模一样）

4.最后一步，写函数方法。其中，val是子组件传过来的值。我们要做的就是将从子组件接收过来的值写入父组件。

兄弟组件数据共享

使用EventBus方法

---

1.先确定发送方和接收方，我们要自己去创建一个eventBus.js的一个js文件，将下图中的代码写入eventBus.js文件。
2.分别在发送方和接收方都导入.js文件。
3.在接收方创建一个接收值的属性。
4.然后在方法方使用bus.$emit方法触发自定义事件。5.在接收方使用bus.$on方法注册一个自定义事件。
6.最后再将自定义事件写出来，将接收到的值传入。（事件一般都写在created生命周期函数里）