组件的自定义事件

组件的自定义事件：是一种组件间通信的方式，适用于：子组件 ===> 父组件

使用场景：子组件想给父组件传数据，那么就要在父组件中绑定自定义事件（事件的回调），在子组件中触发该事件，并传递参数

相关知识：

 this.$on（‘事件名’，事件回调）  //绑定事件

this.$emit（‘事件名’，参数）   //触发事件

this.$off('事件名')    //解绑事件

1，方法一：使用$emit 触发指定事件

在父组件中给子组件绑定事件（myff），并定义回调函数：

 

 在子组件触发事件myff:

 

 2,方法二：ref属性绑定 （灵活性强），在父组件中绑定事件，并在mounted函数里触发该事件

父组件：给子组件打标识ref，然后在mounted钩子里中给标识绑定事件（$on）

 

 子组件触发该函数（myff）:

注意：通过this.$refs.xxx.$on('atguigu',回调)绑定自定义事件时，回调要么配置在methods中，要么用箭头函数，否则this指向会出问题！