自定义事件触发器 #

/**
 * 事件名称：三击事件
 * 事件描述：连续快速三次点击触发事件
 */
// 这里的代码会在对应组件setup中的一个匿名函数里执行
// 本函数有四个参数，分别是
// 1. context 一般对应setup的返回值
// 2. getCurrentInstance 对应setup中的getCurrentInstance函数实例
// 3. CUSTOM_EVENT_EMIT_NAME vue中emit的事件名。常量，目前是`dispatchEvent`，vue中emit的事件名
// 4. THIS_EMIT_NAME 当前事件触发器的唯一标识符

const instance = getCurrentInstance()
const props = instance.props
const emit = instance.emit

function injectDispatchClick(count) {
  console.log(count)
  context.dispatchClick(count)
  if (count === 3) {
    // 激活自身事件触发器
    emit(CUSTOM_EVENT_EMIT_NAME, THIS_EMIT_NAME)
  }
}
const multiClick = context.useMultiClick(injectDispatchClick, 200)
context.onClick = () => {
  multiClick()
}