- 绑定自定义事件
// 第一种方式
<Demo @demo="test"/> || <Demo v-on:demo="test"/>// 第二种方式
<Demo ref="demo"/>
...
mounted() {this.$refs.xxx.$on('demo', this.test)
}
// 如果想自定义事件只能触发一次,可以使用 once 修饰符 或者 $once 方法
- 触发自定义事件
this.$emit('demo', 数据)
- 解绑自定义事件
this.$off('demo')
解绑多个自定义事件this.$off(['demo1', 'demo2'])
,解绑全部自定义事件this.$off()
- 组件上也可以绑定原生 DOM 事件,需要使用
native
修饰符 - 注意:通过
this.$refs.xxx.$on('demo', 回调)
绑定自定义事件时,回调要么配置在methods
中,要么使用箭头函数,否则this
指向会出问题