请详细说下你对vue生命周期的理解,Vue 生命周期

  请详细说下你对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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: