VUE实例的生命周期有哪些阶段？

本文共计2134个文字，预计阅读时间需要9分钟。

3.Vue实例的生命周期

3.1 什么是Vue实例的生命周期

Vue实例具有完整的生命周期，从创建、初始化数据、编译模板、挂载DOM、渲染、更新、卸载等过程。

3.Vue实例的生命周期

3.1 什么是Vue实例的生命周期

Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载 DOM、渲染→更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。通俗说就是 Vue 实例从创建到销毁的过程，就是生命周期。在 Vue 的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册 JS 方法，可以让我们用自己注册的 JS 方法控制整个大局，在这些事件响应方法中的 this 直接指向的是 Vue 的实例。

3.2 Vue实例生命周期图

3.3 什么是生命周期钩子

生命周期钩子：就是生命周期事件的别名。生命周期钩子又叫生命周期函数 也叫生命周期事件。

3.4 生命周期钩子函数有哪些

创建期间的生命周期函数：

beforeCreate：

实例刚在内存中被创建出来，此时，还没有初始化好 data和methods属性。

触发时机：在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。

created：

实例已经在内存中创建完成。此时data和methods已经在内存中创建完成，但是还没有开始编译模板。

触发时机：实例已经创建完成之后被调用。

beforeMount：

此时已经完成了模板的编译，但是还没有挂载到页面中显示。