深度剖析Vue中父给子、子给父、兄弟之间传值！

// template里面
        {{info}}

// script里面
  export default {
      props :['info']
  }

//  template里面   @info是父子之间通讯
<app @info="change" />
//  script里面
import app from './views/app.vue'
 methods:{
//  接受子组件传过来的参数；
     change(z){
         console.log(z)
     }
 }

//  temolate里面
<el-button @click="change() ;aa()">我是子组件</el-button>
//  script里面
methods:{
      change(){
          this.$emit('info','我是儿子，传值给父亲')
      }
  }

//  bus.js中只需要写这么多就ok
export default {
    install(Vue){
        Vue.prototype.$bus = new Vue({});
    }
};

//  在main.js中引入创建好的bus.js文件
import bus from './bus.js';
Vue.use(bus);

new Vue({
    el: '#app',
    render(h){
        return h(App);
    }
});

<button @click=" $bus.$emit('info','哈哈')">点击兄弟传值</button>

//  直接使用生命周期来接受,可以赋值给其他参数！
created(){
  this.$bus.$on('info',data =>{
      console.log(data)
    })
}