首页

文章

vuejs什么时候使用钩子函数

发布网友 发布时间:2022-03-27 14:34

我来回答

2个回答

热心网友 时间:2022-03-27 16:03

在之前基础上对组件进行了生命周期的加工(初始化、获取资源、渲染、更新、销毁等),理顺了组件的各个阶段,有助于对组件实现(从初始化到销毁)的理解。 并且借助于组件各个阶段的钩子可以对组件有更好的利用和扩展。

热心网友 时间:2022-03-27 17:21

1.vue的生命周期
简单的说生命周期就是事物从产生到消失的一个时间过程。那么vue的生命周期就是从其被创建到销毁的过程,其中包含了开始创建、初始化数据、编译模板、挂载dom(渲染) ,渲染->更新->渲染、销毁(卸载)等一系列过程。
那么其中的钩子函数都担负着自己的职责,较为常用的就是created和mounted函数,可以在函数中编写相关的业务逻辑。
2.钩子函数
beforeCreate
在实例初始化之后,数据观测和事件、生命周期初始化配置之前被调用。
created
实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测,属性和方法的运算,事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。
beforeMount
在挂载开始之前被调用:相关的 render 函数首次被调用,此时有了虚拟DOM。
mounted
el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子,渲染为真实DOM。
beforeUpdate
在数据更新之前时调用,发生在虚拟 DOM 重新渲染和打补丁之前。 你可以在这个钩子中进一步地更改状态,这不会触发附加的重渲染过程。
updated
由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。
当这个钩子被调用时,组件 DOM 已经更新,所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下,你应该避免在此期间更改状态,因为这可能会导致更新无限循环。
值得注意的是:该钩子在服务器端渲染期间不被调用。
beforeDestroy
实例销毁之前调用。此时,实例仍然是可用的。
destroyed
vue 实例销毁后调用。调用后,vue 实例指示的所有东西都会解绑,所有的事件*会被卸载移除,所有的子实例也会被销毁。
值得注意的是:该钩子在服务器端渲染期间不被调用。
历史要怎么读,有啥诀窍 高中历史诀窍 年终会活动策划方案 深度解析:第一财经回放,探索财经新风向 逆水寒手游庄园怎么邀请好友同住 逆水寒手游 逆水寒不同区可以一起组队吗? 逆水寒手游 逆水寒怎么进入好友世界? 逆水寒手游 逆水寒怎么去别人的庄园? 使用puppeteer实现将htmll转成pdf 内卷时代下的前端技术-使用JavaScript在浏览器中生成PDF文档 【译】将HTML转为PDF的几种实现方案 变形金刚08动画怎么样 变形金刚08动画的问题 变形金刚08动画日语版剧情介绍 高分!换显卡nvidia控制面板被我卸了,重新安装显卡驱动后没了nvidia控... 我的nvidia控制面板被卸载了 怎么找回啊 卸载后 这个画面看着很奇怪_百 ... 李卓彬工作简历 林少明工作简历 广东工业职业技术学院怎么样 郑德涛任职简历 唐新桂个人简历 土地入股的定义 ups快递客服电话24小时 贷款记录在征信保留几年? 安徽徽商城有限公司公司简介 安徽省徽商集团新能源股份有限公司基本情况 安徽省徽商集团有限公司经营理念 2019哈尔滨煤气费怎么有税? 快手删除的作品如何恢复 体育理念体育理念 有关体育的格言和理念 什么是体育理念 万里挑一算彩礼还是见面礼 绿萝扦插多少天后发芽 绿萝扦插多久发芽 扦插绿萝多久发芽 炖牛排骨的做法和配料 网络诈骗定罪标准揭秘 “流水不争先”是什么意思? mc中钻石装备怎么做 为什么我的MC里的钻石块是这样的?我想要那种。是不是版本的问题?如果是... 带“偷儿”的诗句 “君不见巴丘古城如培塿”的出处是哪里 带“奈何”的诗句大全(229句) 里翁行()拼音版、注音及读音 带“不虑”的诗句 “鲁肃当年万人守”的出处是哪里 无尘防尘棚 进出口报关流程,越详细越好。谢谢大家指教。 双线桥不是看化合价升多少就标多少的吗?为什么CL2+2KI=2KCL+I2中I失... vue.js created 是什么意思 vue生命周期钩子之间怎么调用? vue jquery在哪个生命周 vue怎么学 vue2.0函数生命周期怎么理解 Vue中的computed是在生命周期的哪个阶段执行的 关于Vue实例的生命周期created和mounted的区别 vue前端面试题有哪些呢? vue.js的生命周期有什么用 vue生命周期的执行顺序是怎样的呢? vue生命周期是什么? 我是华为手机微信里的语音听不到是什么原因? 苹果手机发不了语音怎么回事? vivo手机微信不能发语音是怎么回事 微信可以发信息但是不能发语音是怎么回事? 手机QQ不能发送语音是怎么回事? 手机语音听不见怎么回事 为什么我的手机不能视频和语音了? CPU有哪些型号 “Pentium Ⅱ350”和“Pentium Ⅲ450”中的“350”和“450”的含义是什么? 什么是Vue.js框架 为什么选择它 vue 怎么获取到dom渲染vm数据完毕之后的生命周期钩子 vue2的哪个生命周期请求数据好 苹果7手机把对方电话拉入黑名单,来电会有拦截提示吗?短信还能不能收到? 苹果手机拉黑对方,对方打电话或者发短信,可以在拦截里面看见吗_问一问 被苹果手机加入黑名单了,发信息给对方,那边可以看到信息吗 苹果手机拉黑后拦截记录最下面是最新的还是上面 与大数据密切相关的技术是什么技术 大数据有哪些相关技术? 关于大数据的的相关技术 大数据的关键技术包括 现在流行大数据,有哪些大数据相关技术 大数据的核心技术有哪些 大数据方面核心技术有哪些? 大数据学习的关键技术是什么? 大数据技术与什么技术的紧密结合有助于从数据中获取更准确更深层次的知识挖掘 大数据技术有哪些? 大数据技术有哪些 核心技术是什么 大数据和云计算技术有哪些 大数据核心技术有哪些
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com