Vue_兄弟组件之间调用方法

###1.实现方法1

1.在兄弟组件2里用this.$emit{(}^{\prime }fu{n}^{\prime })传到父组件里2.在父组件里，给兄弟组件1加上ref="children1"属性3.在methods里定义fun方法（this.$refs.children1.showMessage（））

1.在兄弟组件2内

 <button @click="fun">点击调用兄弟组件方法</button>

方法体内

 fun(){
      console.log('调用组件了2')
      this.$emit('fun')
    }

2.在父级中给兄弟组件1添加ref属性

<context-1-children-1 ref="children1"></context-1-children-1>

3.在父级中接收fun方法

 <content-1-chidren-2  @fun='fun'></content-1-chidren-2>

 fun(){
        console.log('调用了父组件')
        this.$refs.children1.showMessage();
      }

4.兄弟组件内

showMessage(){
    alert('调用了兄弟组件1')
}