```
子组件:
```html
```
##### $emit的使用
子组件调用父组件的方法并传递数据。
子组件:
```html
```
父组件:
```html
//父组件通过监测my-event事件执行一个方法,然后取到子组件中传递过来的值。
```
##### $on的使用场景
兄弟组件之间相互传递数据。
首先创建一个Vue的空白实例(兄弟组件的桥梁)
```javascript
import Vue from 'vue';
export default new Vue();
```
子组件A:发送放使用$emit自定义事件把数据带过去。
```html
A组件-{{msg}}
```
子组件B:接收方通过$on监听自定义事件的callback接收数据
```html
B组件,A传的数据为--{{msg}}
```
父组件:```html
```