vue源码：钩子hook

vue callhook的源码
const hookRE = /^hook:/ // 以hook:开头
Vue.prototype.KaTeX parse error: Expected '}', got 'EOF' at end of input: …++) { vm.on(event[i], fn)
}
} else {
(vm._events[event] || (vm._events[event] = [])).push(fn)
// optimize hook:event cost by using a boolean flag marked at registration
// instead of a hash lookup
if (hookRE.test(event)) {
vm._hasHookEvent = true
}
}
return vm
}

// vue源码执行阶段
vm._self = vm
initLifecycle(vm) // 初始化生命周期
initEvents(vm) // 初始化事件
initRender(vm)
callHook(vm, ‘beforeCreate’)
initInjections(vm) // resolve injections before data/props
initState(vm)
initProvide(vm) // resolve provide after data/props
callHook(vm, ‘created’)

1） 生命周期函数是通过callHook这个函数去调用的
2） 其中vm.$options中包含了vm中所有的钩子函数已经其他一些配置，根据对应的hook字符串取出来然后用call执行 。组件的参数存在于当前实例 $ options的原型上
3） 执行callHook函数的时候，Vue在组件的 $ options中查找created是否存在。如果存在的话就执行created相对应的方法。callHook(vm, ‘created’)

Hook Event
1）Hook Event 是 Vue 的自定义事件结合生命周期钩子实现的一种从组件外部为组件注入额外生命周期方法
2） vm._hasHookEvent 是在 initEvents 函数中定义的（它表示的是父组件有没有直接绑定钩子函数在当前组件上），它的作用是判断是否存在生命周期钩子的事件侦听器，初始化值为 false 代表没有，当组件检测到存在生命周期钩子的事件侦听器时，会将 vm._hasHookEvent 设置为 true
3） 示例： <Table @hook:updated=“handleTableUpdated”>