vue生命周期包括哪些 vue的生命周期有哪些

文章摘要：vue生命周期包括哪些 vue的生命周期有哪些

vue生命周期包括：1.创建前，钩子函数为beforeCreate；2.创建后，钩子函数为created；3. […]

vue生命周期包括：1.创建前，钩子函数为beforeCreate；2.创建后，钩子函数为created；3.载入前，钩子函数为beforemount；4.载入后，钩子函数为mounted；5.更新前，钩子函数为beforeUpdate；6.更新后，钩子函数为updated；7.销毁前，钩子函数为beforeDestroy；8.销毁后，钩子函数为destroyed；

vue生命周期包括以下几个阶段

1.创建前

其对应的钩子函数为beforeCreate，是指实例初始化之后，数据观察和事件机制未形成，无法获取到DOM节点。

2.创建后

其对应的钩子函数为created，是指vue实例创建后，仍无法获取到DOM节点。

3.载入前

其对应的钩子函数为beforemount，是指vue挂载的根节点已创建，DOM的操作将围绕根元素继续进行。

4.载入后

其对应的钩子函数为mounted，该阶段中，数据和DOM都已被渲染，常用于异步请求。

5.更新前

其对应的钩子函数为beforeUpdate，该阶段中，vue遵循数据驱动DOM的原则，beforeUpdate函数在数据更新后，其DOM中的数据也会改变。

6.更新后

其对应的钩子函数为updated，该阶段中，DOM会与更新的内容进行同步。

7.销毁前

其对应的钩子函数为beforeDestroy，是指清除vue实例与DOM的关联，在销毁前，会触发beforeDestroy钩子函数。

8.销毁后

其对应的钩子函数为destroyed，在销毁vue实例与DOM的关联后，会触发destroyed钩子函数。