vue生命周期包括哪些

时间:2022-12-06 01:56

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


标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公