vue钩子函数的实现,基本原理就是callback
来源:互联网 发布:网络磁盘映射 编辑:程序博客网 时间:2024/06/05 23:56
来看一下Vue中实现钩子函数部分的源码
// ...export function lifecycleMixin (Vue: Class<Component>) { Vue.prototype._update = function (vnode: VNode, hydrating?: boolean) { const vm: Component = this if (vm._isMounted) { callHook(vm, 'beforeUpdate') // callHook来调用钩子函数 }// ...export function callHook (vm: Component, hook: string) { const handlers = vm.$options[hook] if (handlers) { for (let i = 0, j = handlers.length; i < j; i++) { try { handlers[i].call(vm) // 以组件实例来作为钩子函数中this的指向 } catch (e) { handleError(e, vm, `${hook} hook`) } } } if (vm._hasHookEvent) { vm.$emit('hook:' + hook) }}
我们可以看到处理流程就是在生命周期流程中相应流程执行后,执行callHook()。而callHook的作用便是执行我们自定义的钩子函数,并将钩子中this的指向指为当前组件实例(通过Function.prototype.call)
阅读全文
0 0
- vue钩子函数的实现,基本原理就是callback
- Vue的钩子函数
- vue js 的生命周期和钩子函数
- Vue的生命周期(钩子函数)
- vue、vueRoute钩子函数的理解
- 对vue生命周期-钩子函数的理解
- vue生命周期和钩子函数的理解
- Vue之过渡组件的钩子函数
- vue钩子函数
- Vue ---钩子函数
- vue钩子函数
- Vue 钩子函数
- vue生命周期钩子函数
- vue 钩子函数图解
- vue.js使用钩子函数实现动画效果
- Vue的路由钩子
- vue钩子函数(软文)
- vue钩子函数 --已用,没有的用到之后更新
- 通过代码,了解ThreadLocal
- multi-thread(九)CountDownLatch
- 简单多线程卖票代码
- multi-thread(十)CyclicBarrier
- [UIKBBlurredKeyView candidateList]:报错
- vue钩子函数的实现,基本原理就是callback
- Hbase RegionServer简单调优(GC)
- 4线程,2个对i加,2个对i减
- Reserved-7
- 通过代码,解释ExecutorService基本用法
- Reserved-8
- 学习:常用的数据适配器之PageAdapter
- 用Lock和Condition,实现主线程执行5次,子线程再执行10次,孙线程执行15次,如此反复5次
- Reserved-9