vue生命周期多少个钩子函数(vue生命周期和钩子函数的区别)

技术Vue生命周期中的八个钩子函数相机是怎样的Vue生命周期中的八个钩子函数相机是怎样的,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。1、beforeCre

Vue生命周期中的八大钩子功能摄像头有哪些?我相信很多没有经验的人对此无能为力。为此,本文总结了问题产生的原因及解决方法。希望你能通过这篇文章解决这个问题。

1、beforeCreate和created函数

beforeCreate和created通过初始化来划分:数据监控和数据代理。

在执行beforeCreate()之前,将初始化生命周期和时间,但数据代理尚未启动。

(1)beforeCreate():在初始化数据监控和数据代理之前,执行beforeCreate函数的内容。此时,数据和方法中的数据不能通过Vm访问。

(2)created():初始化数据监控和数据代理后,执行beforeCreate函数的内容。此时,可以通过vm访问数据中的数据和方法中配置的方法。

数据挂载前还有一步,就是Vue解析模板(生成虚拟DOM)的过程,页面还不能显示解析的内容。

00-1010(3)before mount():Vue完成虚拟DOM的生成后,在将虚拟DOM转换为真实DOM之前执行。此时,页面呈现的是Vue还没有编译的DOM结构,最终对DOM的所有操作都不会起作用。

(4)挂载():将虚拟DOM转换为真实DOM后执行。至此,Vue编译的DOM呈现在页面中,对DOM的所有操作都是有效的(尽量避免)。至此,初始化过程结束,通常在这里执行:启动定时器、发送网络请求、订阅消息、绑定自定义事件等初始化操作。

00-1010 (5)更新前():当数据发生变化时,生成一个新的虚拟DOM,然后与旧的虚拟DOM进行比较,在页面更新(Model-】View)过程最终完成之前执行。此时,数据是新的,但页面是旧的,即页面尚未与数据同步。

(6)updated():当数据发生变化时,会生成一个新的虚拟DOM,然后与旧的虚拟DOM进行比较,在页面更新(Model-》View)的过程最终完成后执行。此时数据是新的,页面也是新的,即页面和数据是同步的。

00-1010 (7) before destroy():在删除数据监控、子元素和事件监控之前执行。此时,虚拟机中的所有数据、方法、指令等都可用,销毁过程将立即执行。通常,在这个阶段,关闭操作包括关闭计时器、取消订阅消息、取消绑定自定义事件等。此时,一切都可以访问,但是执行操作时页面上的内容不会改变。

(8)销毁():删除数据监控、子元素和事件监控后执行。解除数据、方法、指令等的绑定。在页面上。

看完以上内容,你是否掌握了Vue生命周期中八个钩子功能摄像头的使用方法?如果您想学习更多技能或了解更多相关内容,请关注行业资讯频道,感谢您的阅读!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/147703.html

(0)

相关推荐

  • 如何搭建动态IP池

    技术如何搭建动态IP池本篇文章给大家分享的是有关如何搭建动态IP池,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。DynamicIP是指在需要时分配IP地址的

    攻略 2021年11月4日
  • 短链接api有哪些(新浪短网址api接口)

    技术如何利用调用新浪短链接/腾讯短链接API接口这篇文章主要为大家展示了“如何利用调用新浪短链接/腾讯短链接API接口”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何利用调

    攻略 2021年12月24日
  • 租用台湾云服务器有什么好处

    技术租用台湾云服务器有什么好处台湾云服务器采用虚拟化技术将高性能服务器集群分为多个虚拟服务器。这些虚拟服务器是私有的,因为用户不必与同一物理服务器上的其他方共享磁盘空间、CPU、内存。台湾云服务器租用对您网站的好处 租用

    礼包 2021年12月8日
  • 抖音刷粉网,免费抖音刷粉工具?

    技术抖音刷粉网,免费抖音刷粉工具?抖音可以花钱购买粉丝,很多营销人员想购买粉丝在抖音上推广,这导致目前刷粉粉普遍是抖音。抖音官方公告正式发布,如果有刷粉,刷点赞,刷评论和其他行为将会被封号的,但事实上,找到一个定期刷粉平

    测评 2021年10月20日
  • 公顷怎么读,公里公顷公亩的背读方式

    技术公顷怎么读,公里公顷公亩的背读方式1.面积单位 面积单位有平方公里公顷怎么读、平方米、平方分米、平方厘米、平方毫米等。它们之间的换算关系是: 1平方公里=1000000平方米; 1平方米=100平方分米;

    生活 2021年10月27日
  • 云原生时代是Java还是Go

    技术云原生时代是Java还是Go这篇文章主要讲解了“云原生时代是Java还是Go”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“云原生时代是Java还是Go”吧!Java曾

    攻略 2021年10月30日