思考
1、什么是生命周期?
2、Vue所谓的生命周期又是什么?
文章目录
概念
提示:这里可以添加本文要记录的大概内容:
一组件从 创建 到 销毁 的整个过程就是生命周期。
提示:以下是本篇文章正文内容,下面案例可供参考
一、钩子函数
Vue 框架内置函数,随着组件的生命周期阶段,自动执行
作用:
特定的时间点,执行特定的操作
场景:
组件创建完毕后,可以在created 生命周期函数中发起Ajax 请求,从而初始化 data 数据
整个阶段:(四个阶段八个钩子)
1.第一阶段:初始化(创建)阶段
2.第二阶段:挂载阶段
2.第3阶段: 更新阶段: 伴随着数据的变化而执行
第4阶段:销毁阶段,可以借助v-if指令销毁组件
1beforeCreate | 2created(发请求) |
---|---|
1beforeMount | 2mounted(获取真实DOM) |
1beforeUpdate | 2updated(可以获取数据变换后新的DOM) |
1beforeDestroy | 2destroyed(可以做组件的优化工作,比如关闭定时器) |
![]() |
总结
提示:这里对文章进行总结:
1、Vue实例从创建到显示都经历了哪些钩子函数?
beforeCreate / created / beforeMount / mounted
2、created函数里, 能获取真实DOM吗?
不能获取真实DOM
3、在什么钩子函数里可以获取真实DOM?
mounted