vue学习（39）组件自定义事件

知识点

1. 一种组件间通信方式：子组件===》父组件
2. 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）
3. 绑定自定义事件
   1. 第一种方式：在父组件中：
      <Demo @peiqi='test'/>
<Demo v-on:peiqi='test'/>
   2. 第二种方式

<Demo ref='demo'/>
......
mounted(){
this.$refs.demo.$on('peiqi',this.test)
}

4. 触发自定义事件：this.$emit('peiqi',''数据)
5. 解绑自定义事件：this.$off('peiqi')
6. 组件上也可以绑定原生的DOM事件，需要使用native修饰符。
7. 注意：使用第二种方式this.$refs.demo.$on('peiqi',回调)中的回调函数，要么是写在methods中的函数，要不写成箭头函数，否则，这里的this指向的是子组件的实例。