请详细说下你对vue生命周期的理解,Vue 生命周期
本文主要介绍了vue的生命周期,具有一定的参考价值。感兴趣的朋友可以参考一下,希望能帮到你。
:
目录
1.什么是生命周期?有什么效果?2.页面第一次加载时会触发哪些钩子?3.简要描述每个周期适用于哪个场景?4.4 .创建和挂载的区别5 .5.vue在哪个生命周期获取数据?摘要
1.什么是生命周期?有什么作用?
每个vue实例在创建时都必须经历一系列初始化过程——例如,它需要设置监控、编译模板、将实例挂载到dom并在数据发生变化时更新dom,等等。同时,此时会运行一些生命周期钩子函数,让用户有机会在不同阶段添加代码。比如需要一些插件来操作dom节点,页面渲染后想弹出广告,我们最早可以在mounted中做到。
2.第一次加载页面会触发哪几个钩子?
在装载之前创建在装载之前创建
3.简述每个周期应用于哪个场景?
之前:new的一个实例之后,只有一些默认的生命钩子和默认事件,其他的还没有创建。在执行beforeCreate的生命周期时,数据和方法中的数据还没有初始化,所以在这个阶段不能使用数据中的数据和方法。
创建的数据:数据和方法已初始化。如果调用方法中的方法,操作数据中的数据,最早也要在这个阶段完成。
BeforeMount:执行这个钩子,模板已经编译到内存中,但是还没有挂载到页面中,此时的页面还是旧的。
Mounted:当这个钩子被执行时,意味着vue实例已经被初始化。此时,组件已经离开创建阶段,进入运行阶段。如果需要一些插件来操作dom节点,我们可以最早在mounted中完成。
Before:执行这个钩子时,页面还是旧的,data中的数据也更新了,但是页面上的数据和data中的数据不同步。
更新:页面与数据中的数据同步,页面是新的。
销毁前:Vue的实例开始从运行阶段进入销毁阶段。此时,数据和方法、指令、过滤器.都是可用的,并没有被真正的破坏。
销毁:此时,数据和方法、指令、过滤器.都无法使用,而且组件已经被破坏了。
4.created和mounted的区别
Created是在模板渲染成html之前调用的,也就是通常会初始化一些属性值,然后渲染成视图。
Mounted在模板呈现为html后调用,通常是在页面初始化后操作dom节点时。
5.vue在哪个生命周期获取数据?
一般可以使用created/beforeMount/mounted。
总结
本文到此为止。希望能帮到你,也希望你能多关注我们的更多内容!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。