Vue中callHook钩子函数有什么用
发表于:2024-10-26 作者:千家信息网编辑
千家信息网最后更新 2024年10月26日,这篇文章主要介绍"Vue中callHook钩子函数有什么用"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"Vue中callHook钩子函数有什么用"文章能帮助大
千家信息网最后更新 2024年10月26日Vue中callHook钩子函数有什么用
这篇文章主要介绍"Vue中callHook钩子函数有什么用"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"Vue中callHook钩子函数有什么用"文章能帮助大家解决问题。
Vue实例在不同的生命周期阶段,都调用了callHook方法。比如在实例初始化(_init)的时候调用callHook(vm, 'beforeCreate')和callHook(vm, 'created')。
这里的"beforeCreate","created"状态并非随意定义,而是来自于Vue内部的定义的生命周期钩子。
var LIFECYCLE_HOOKS = [ 'beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'beforeDestroy', 'destroyed', 'activated', 'deactivated', 'errorCaptured'];
接下来我们来看一下Vue中实现钩子函数的源码:
function callHook (vm, hook) { // #7573 disable dep collection when invoking lifecycle hooks pushTarget(); var handlers = vm.$options[hook]; if (handlers) { for (var i = 0, j = handlers.length; i < j; i++) { try { handlers[i].call(vm); } catch (e) { handleError(e, vm, (hook + " hook")); } } } if (vm._hasHookEvent) { vm.$emit('hook:' + hook); } popTarget();}
举个例子说明:
let test = new Vue({ data: { a: 1 }, created: function () { console.log("这里是Created"); } });
实例化一个Vue组件test,给test定义了数据data,以及created方法。而在实例化组件的时候,Vue内部调用了callHook(vm,'created')(上文已说明)。执行callHook函数的时候,Vue在test组件的$options中查找created是否存在,如果存在的话就执行created相对应的方法。这里就会执行console.log("这里是Created")。
callHook的作用就是执行用户自定义的钩子函数,并将钩子中this指向指为当前组件实例。
关于"Vue中callHook钩子函数有什么用"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。
钩子
函数
实例
方法
组件
时候
知识
不同
周期
生命
行业
实用
接下来
上文
作用
例子
内容
实用性
实际
就是
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
如何高效运用网络技术
关于宣传网络安全的词语
数据库 查询深度
联想软件开发薪资待遇
安全验证登录服务器超时
2019年工作展望软件开发
宽带 个人服务器
360中国网络安全吗
网络安全股票有收益吗
网传沈阳新华互联网科技学校
sql数据库导入备份数据
浙江蚨骜软件开发有限公司
浙工大数据库期末卷
数据库工具哪个更好
网络安全和数据安全的关系
stream线下服务器
美国颁布的首份有关网络安全
应用的汽车网络技术有哪些
网络安全难度大吗
互联网x科技
国家规定网络安全法律法规
烽火r2200服务器系统配置
苏州net软件开发定制费用
服务器版和一般版本的区别
网络安全成语
软件开发平台龙头
软件开发技术面试常见问题
数据库基础教程视频
现代网络安全指什么意思
网络安全事故级别