位置: IT常识 - 正文
Vue生命周期，总也学不会，所以我详细整理了一下(vue生命周期分别做了什么)
编辑：rootadmin推荐整理分享Vue生命周期，总也学不会，所以我详细整理了一下(vue生命周期分别做了什么)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue生命周期总共有几个阶段,vue生命周期分别做了什么,vue生命周期总共有几个阶段,并具体说明每个阶段?,vue生命周期总共分为几个阶段,vue生命周期总共有几个阶段,并具体说明每个阶段?,vue生命周期总共有几个阶段,并具体说明每个阶段?,Vue生命周期总结,vue生命周期总共分为几个阶段,内容如对您有帮助，希望把文章链接给更多的朋友！
今天，我和大家一起来对vue生命周期做一个整理和思考，希望有缘人看到我的年度整理和思考，如果觉得靠谱呢，就交个朋友，如果觉得我整理的不足，就请指出，让我们一起进步，让我们2023年能共同思考。
☆ 文本将进行3个小模块，第一呢是老生常谈，然后再结合我的理解，说一说，vue的生命周期有哪些，每个阶段做了一些什么事情 ，而项目中，我们可以做一些什么事情；
☆ 第二呢，说一下嵌套父子组件情况下，生命周期的执行顺序；
☆ 第三，整理后思考一下，created和mounted两个钩子之间的时间差，可能会受哪些因素的影响
目录
一、vue的生命周期
1. 生命周期钩子函数
2. 常用的几个钩子
3. 为什么关掉组件，定时器还在执行？
二、父子组件生命周期执行顺序
1. 嵌套一个子组件
2. 查看执行顺序
三、created和mounted之间的时间差，影响因素有哪些？
1. beforeMounted
2. template模板的复杂性
3、data数据的结构复杂性
4、网络情况
5、机型问题
6、最后
一、vue的生命周期 1. 生命周期钩子函数生命周期这个命名还是非常贴切的，他就像我们每个人，一出生如何如何，上学了该干什么，中年又有那些责任和义务，转眼，你的事情还没有做完，可能整个人就完犊子了。
△ init阶段
而vue组件的生命周期呢，包含了从最初的new Vue()开始，表示他要出生了，这里初始化一些id，name的属性，合并一些option参数（后边的vm.$options.el会用到），我们熟知的一些函数挂载上，以利于后续使用。可以说new Vue() 就是一个小孩出生的过程，把该有的器官，肢体，基本能力都预备上，虽然现在还不能用，发育还不成熟。
let uid = 0Vue.prototype._init = function(options) { const vm = this vm._uid = uid++ // uid累加唯一标识 vm.$options = mergeOptions( // 合并options resolveConstructorOptions(vm.constructor), options || {}, vm ) ... initLifecycle(vm) // 初始化 initEvents(vm) // v-on识别处理 initRender(vm) // render与vnode的结合}△ beforeCreate
正是有了前面的初始化，所以特意在这里为我们挂载了一个钩子函数，也就是这个生命周期。
其实你有没有发现，这个