vue兄弟组件通信

兄弟组件：通过共同祖辈组件搭桥

//components1
 this.$parent.$on(‘foo’,handel)
//components2
this.$parent.$emit(“foo”)

一个例子

//components1
//发送
<input type="button" value="点击发送" @click="click_btn">
{
  methods:{
    click_btn(){
      this.$parent.emit("click","点击了")
    }
  }
}

  //components2
{
  data(){
     return {
      str:""
    }
  },
  create(){
     this.$parent.on("click",this.showClick)
  } ,
  methods(){
      showClick(str){
          this.str=str
      }
  }
}