一.父传子组件通信

拿app.vue当父组件，content.vue当子组件

1.父组件中导入子组件（子组件导出）

import contents from './components/content';

2.在父组件中注册子组件

data() {        return {                test:'0'        };    },    components:{        'v-header':headers,        'v-content':contents    }

3.子组件通过props来接收数据

二.子与父组件通信

子组件：

    methods: {    down() {        this.$emit('down','null'); //主动触发down方法，'null'为向父组件传递的数据    }}

父组件：

    
    
      //监听子组件触发的down事件,然后调用changes方法
    
methods: {    changes(msg) {        this.test= test;    }}

二.非父子组件通信

//把a当作一个中转站

var a = new Vue();

组件1触发：

    
methods:{   eve(){   a.$emit("change",'null')  }}

组件2接收：

    
created(){    a.$on('change',()=>{        this.msg = 'null'    })}