组件的自定义事件

1. 一种组件间通信的方式，适用于：子组件＝＝＝＞父组件
2. 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）
3. 绑定自定义事件：

• 第一种方式，在父组件中：<Demo @df="test"/>或<Demo v-on:df="test"/>
• 第二种方式，在父组件中

<Demo ref="demo"/>      //指组件Demo中的demo

......
methods:{
	test(){

    }
}
......
mounted(){
	this.$refs.demo.$on('df',this.test)   //test是回调函数
}

• 若想让自定义事件只触发一次，可以使用once修饰符，或$once方法

4. 触发自定义事件：this.$emit('df',数据)
5. 解绑自定义事件：this.$off('df')或this.$off()后者解绑所有自定义事件g
6. 解绑指定自定义事件：this.$off(['事件1','事件2'])
7. 组件上也可以绑定原生DOM事件，需要使用native修饰符<Demo @click.native/>；(倘若不使用native则会默认click为自定义组件)
8. 注意:通过this.$refs.xxx.$on('df',回调)绑定自定义事件时，回调要么配置在methods中，要么用箭头函数，否则this指向会出问题