1、父组件传值给子组件

　　父组件

　　子组件

 

 

2、子组件传值给父组件

　　子组件

 

　　父组件

 

3、非父子组件传值

　　公共bus.js

import Vue from 'vue'export default new Vue()

　　

　　或者不引入公共bus.js， 而是在main.js 中全局定义

Vue.prototype.bus = new Vue()// 如果使用在main.js中引用，则在组件中的使用方法发生改变  由Bus 改为 this.busthis.bus.$emit('', '')this.bus.$on('',() => {
   } )

　　组件1

　　组件2

 

4、组件传值之前先解绑

beforeDestroy() {    Bus.$off('val')}

参考原文链接：