vue 生命周期 钩子函数

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

养鱼的猫咪
703
2021-03-29 14:41:13
栏目: 编程语言

vue的生命周期钩子函数有:1.beforeCreate,对应阶段为创建前;2.created,对应阶段为创建后;3.beforemount,对应阶段为载入前;4.mounted,对应阶段为载入后;5.beforeUpdate,对应阶段为更新前;6.updated,对应阶段为更新后;7.beforeDestroy,对应阶段为销毁前;8.destroyed,对应阶段为销毁后;

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

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

0
看了该问题的人还看了