1、vue生命周期是什么?
- Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。
2、vue生命周期的八个阶段
-
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 完全销毁之后,自动执行的函数。