vue2组件之间通信

1. 父传子

• 父组件传递给子组件，可以使用属性绑定的方式。当我们传多个参数的时候可以之间传递一个对象。

在父组件中，利用属性绑定，fatherMsg就是要传递给子组件的数据哦

<ChildrenOn :childrem="fatherMsg">

在子组件中用props接收父组件传递过来的数据，接受后可以直接使用

props: ['childrem'],

2. 子传父

• 子组件传递给父组件，可以使用自定义事件的方法，利用$emit方法。当我们传多个参数的时候可以之间传递一个对象

在子组件中
<button @click="childrenFn">点击一下</button>

  methods: {
    childrenFn() {
      this.$emit('change', this.obj);
    },
  },
  
 <ChildrenOn @change="getChildrem">我是一号子组件！</ChildrenOn>
 
   methods: {
    getChildrem(e) {
      console.log('子组件传递过来的值', e);
    },
  },
  

3. 兄弟之间传值

• 兄弟之间传值件，可以使用事件总线的方法（eventBus）。