Vue的生命周期涵盖了从创建到销毁的整个过程，包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed等关键钩子函数。在不同阶段，可以进行特定的操作，如数据初始化、DOM操作等。
一、什么是生命周期
Vue生命周期是指vue实例对象从创建之初到销毁的过程。
生命周期图示：
二、生命周期中的钩子函数
1.beforeCreate
beforeCreate() {
// 还未进行数据代理
// 此时无法通过vm访问data中的数据，methods中的方法
},
2.created
created() {
// 已完成初始化
// 可以通过vm访问data中的数据，methods中的方法
},
3.beforeMount
eforeMount() {
// 页面呈现的是未经Vue编译的DOM页面
// 所有对DOM的操作，最终都不会起作用
},
4.mounted
mounted() {
// 页面呈现的是经Vue编译的DOM页面
// 对DOM的操作，会起作用
},
5.beforeUpdate
beforeUpdate() {
// 此时数据已更新，但页面还是旧的
// 数据与页面不一致
},
6.updated
updated() {
// 此时数据和页面都以更新
},
7.beforeDestroy
beforeDestroy() {
// vm中所有的data、methods、指令都可以用
// 在此阶段一般进行：关闭定时器，解除自定义事件等操作
},
8.destroyed
destroyed() {
// vm中所有的data、methods、指令都不可以用
},
扫一扫
1822
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
