Vue生命周期有哪一些？说一下他们每个阶段做什么操作？

最新推荐文章于 2023-04-03 20:47:34 发布

董梦梦

最新推荐文章于 2023-04-03 20:47:34 发布

阅读量584

点赞数 1

文章标签： vue.js javascript 前端面试

本文链接：https://blog.csdn.net/weixin_72502274/article/details/128157499

版权

⽣命周期就是vue实例从创建到销毁的整个过程我们把它称之为vue的生命周期，通过 vue 的⽣命周期我们可以在不同的阶段进⾏不同的逻辑操作，vue⽣命周期常⽤的钩⼦函数⼀共有8个,分别是创建前后、挂载前后、更新前后以及销毁前后.分别对应的钩⼦函数为beforeCreate创建前、created创建后、beforeMount挂载前、mounted挂载后、beforeUpdate更新前、updated更新后、beforeDestory销毁前、destoryed销毁后,除了以上八个还有三个，两个跟keep-alive有关的是activated组件的激活、deactivated组件的停用，剩下的那一个是errorCapture子组件加载错误时触发
★用的最多的是created，用它来发送http请求还可以获取本地存储里的数据
★created（）最早操作Data数据的钩子函数，mounted（）最早操作Dom元素的钩子函数。
★created和mounted的区别是created执行的时机更早，mounted 可以获取到 dom 元素，如果想在created中获取到dom元素的话可以使用nextTick
父子组件执行的顺序:
父组件 beforeCreate
父组件 created
父组件 beforeMount
子组件 beforeCreate
子组件 created
子组件 beforeMount
子组件 mounted
父组件 mounted