1.
2.
3.
(cbs) {if
cbs = cbs. > ? (cbs) : cbslength 1 toArray
args = ( , )const toArray arguments 1
info = const `event handler for " "`${event}
( i = , l = cbs. ; i < l; i++) {for let 0 length
(cbs[i], vm, args, vm, info)invokeWithErrorHandling
}
}
vmreturn
}
}
1.2、invokeWithErrorHandling 方法实现
下面看一下 的实现逻辑invokeWithErrorHandling
源码位置： src\core\util\error.js
(export function invokeWithErrorHandling
: ,handler Function
: any,context
: | any[],args null
: any,vm
: stringinfo
) {
reslet
{try
res = args ? handler. (context, args) : handler. (context)apply call
(res && !res. && (res) && !res. ) {if _isVue isPromise _handled
res. ( (e, vm, info + ))catch =>e handleError ` (Promise/async)`
// issue #9511
// avoid catch triggering multiple times when nested calls
res. = _handled true
}
} (e) {catch
(e, vm, info)handleError
}
resreturn
}
1.3、分析
Vue 的数据相应是依赖于“ ”模式， emit也是基于这种模式发布-订阅 o n 、 on、 on、
$on 用来收集所有的事件依赖，他会将传入的参数event和fn作为key和value的形式存到vm.
_events这个事件集合里，就像这样vm._events[event]=[fn]。以便于emit的时候，取出vm.
_events中存储的方法，调用执行
$emit 是用来触发事件的，他会根据传入的event在vm_events中找到对应的事件（vm._events
[event]），并执行invokeWithErrorHandling(cbs[i], vm, args, vm, info)
