vue2生命周期

简介: 前端面试

1.beforeCreate:会在实例初始化完成、props解析之后、data()和computed等选项处理之前立即调用。此时不能获得DOM节点。
2.created:在这个阶段vue实例已经创建,以下内容已经设置完成:响应式数据、计算属性、方法和侦听器。然而,此时挂载阶段还未开始,因此$el属性仍不可用。仍然不能获取DOM元素。
3.beforeMount:在组件内容被渲染到页面之前自动执行的函数,组件已经完成了其响应式状态的设置,但还没有创建 DOM 节点。
4.mounted:在组件被渲染之后自动执行的函数。一般我们的异步请求都写在这里。在这个阶段,数据和DOM都已被渲染出来。
5.beforeUpdate:数据变化的时候自动执行的函数,此时变化后的数据还未渲染到页面之上。.
6.updated:数据变化之后自动执行的函数,此时变化后的数据已经渲染到页面之上。
7.beforeUnmount:当Vue应用被销毁时,自动执行的函数。
8.unmounted:当Vue应用被销毁后,且dom完全销毁之后,自动执行的函数。

相关文章
|
3月前
|
JavaScript 开发者
[译] 监听第三方 Vue 组件的生命周期钩子
[译] 监听第三方 Vue 组件的生命周期钩子
|
26天前
|
JavaScript
Vue 的父组件和子组件生命周期钩子执行顺序
在 Vue 中,父组件和子组件的生命周期钩子执行顺序如下:
|
29天前
|
JavaScript
|
29天前
|
JavaScript
vue3 生命周期
【10月更文挑战第14天】vue3 生命周期
|
5月前
|
JavaScript
vue的生命周期
vue的生命周期
31 3
|
5月前
|
JavaScript 前端开发
vue的生命周期
vue的生命周期
34 2
|
1月前
|
开发者
vue3生命周期钩子变化
【10月更文挑战第4天】
|
29天前
|
JavaScript 前端开发 API
深入探索挖掘vue3 生命周期
【10月更文挑战第10天】
30 0
|
2月前
|
JavaScript 前端开发 API
Vue3基础(十yi)___常用生命周期函数___setup___onMounted___onUpdated
本文介绍了Vue 3中的常用生命周期函数,包括`setup`、`onBeforeMount`、`onMounted`、`onBeforeUpdate`、`onUpdated`、`onBeforeUnmount`和`onUnmounted`,并解释了它们与Vue 2生命周期钩子的对应关系。文章通过代码示例展示了这些生命周期钩子在组件中的使用时机和场景。
43 0
|
3月前
|
JavaScript 前端开发 程序员
Vue学习之--------Vue生命周期beforeCreate、created、beforeMount、mounted、beforeDestroy 。。。(图解详细过程)(2022/7/17)
这篇文章详细介绍了Vue的生命周期和各个阶段的钩子函数,包括`beforeCreate`、`created`、`beforeMount`、`mounted`、`beforeUpdate`、`updated`、`beforeDestroy`和`destroyed`。文章通过图解、方法说明、代码实例和测试效果,阐述了每个钩子函数的作用和使用场景,帮助读者深入理解Vue实例从创建到销毁的整个过程。
Vue学习之--------Vue生命周期beforeCreate、created、beforeMount、mounted、beforeDestroy 。。。(图解详细过程)(2022/7/17)