本文详细探讨了Vue组件的生命周期，包括beforeCreate、created、beforeMount、mounted等关键阶段。在初始化阶段，组件实例化并进行配置，created钩子中数据已挂载但DOM未渲染。beforeMount和mounted分别标志着DOM即将渲染和已完成渲染。在运行时，数据变化会触发beforeUpdate和updated钩子，用于更新DOM。当组件销毁时，会执行beforeDestroy和destroyed钩子，适合做善后处理。
什么是生命周期
组件从创建到销毁的一系列过程叫做组件的生命周期。
vue的生命周期函数
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- activated
- deactivated
- beforeDestroy
- destroyed
vue实例的生命周期
从开始创建、初始化数据、编译模板、挂载dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。
vue的生命周期总分为3个阶段：初始化、运行中、销毁
过程
初始化阶段
- 一个组件或者实例的生命周期都是通过new开始的
- 实例化之后，内部会做一些初始化事件与生命周期相关的配置
- 这个钩子函数初始化的时候立即执行，此钩子函数里面是获取不到数据的，同时页面中的真是dom节点也没有挂载出来
- created钩子函数内部的数据已经被挂载了，但是真实dom节点还是没有渲染出来，在这个钩子函数里面&#x
最低0.47元/天 解锁文章
扫一扫
761
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
