详情参考一下这篇文章，作者写得很详细：（我这里只是Mark一下）
Vue 父传子，子传父，兄弟组件通信的使用

父传子

父：自定义属性名 + 数据（要传递）=> :value="数据"
子：props ["父组件上的自定义属性名“] =>进行数据接收

子传父

子：this.$emit('自定义事件名称'，数据) 子组件标签上绑定@自定义事件名称='回调函数'
父：引入的子组件中@传递的自定义事件名称=“事件名” ；methods: { 事件名() { //逻辑处理 } }

子传子

详情参考：vue的Bus使用
子1：bus.on('传递的自定义事件名',val=>{}) //val是传递过来的数据