vue的生命周期钩子函数有哪些 vue的钩子函数和生命周期

文章摘要：vue的生命周期钩子函数有哪些 vue的钩子函数和生命周期

vue的生命周期钩子函数有：1.beforeCreate，对应阶段为创建前；2.created，对应阶段为创建 […]

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钩子函数。