找回密码
 立即注册
查看: 159|回复: 2

vue有几种生命周期

[复制链接]

1

主题

1

回帖

23

积分

新手上路

积分
23
发表于 2022-9-22 15:01:33 | 显示全部楼层 |阅读模式
回复

使用道具 举报

0

主题

1

回帖

14

积分

管理员

积分
14
发表于 2022-9-22 15:01:34 | 显示全部楼层
Vue 生命周期的八个阶段
1、beforeCreate:组件实例刚被创建,组件属性计算之前。
2、created:组件实例刚被创建,属性已绑定,但 Dom 还未生成。
3、beforeMount:模板编译/挂载之前。在挂载开始之前被调用,相关的 render 函数首次被调用,实例已完成以下的配置: 编译模板,把 data 里面的数据和模板生成 html,此时注意还没有挂载到 Html 页面上。
4、mounted:模板编译/挂载之后。在 el 被新创建的 vm.el 替换,并挂载到实例上去之后被调用,实例已完成以下的配置:用上面编译好的的 html 内容替换 l 属性指向的 Dom 对象。完成模板中的 html 渲染到 html 页面中。此过程进行 ajax 交互。
5、beforeUpdate:组件更新之前。在数据更新之前调用,发生在虚拟 Dom 重新渲染打补丁之前,可以在钩子函数中进一步的更改状态,不会出大附加的重渲染过程。
6、updated:组件更新之后。在由于数据更改导致的虚拟 Dom 重新渲染和打补丁之后调用。调用是,组件 Dom 已经更新,所以可以执行依赖于 Dom 的操作,然而在大多数的情况下,应该避免在此期间更改状态,因为这可能会导致更新无线循环,该钩子函数在服务器端渲染期间不被调用。
7、beforeDestroy:组件销毁前调用。在示例销毁之前调用,实例仍然完全可用。
8、destroyed:组件销毁后调用。 在实例销毁之后调用。调用后,所有的时间监听会被移除,所有的子实例也会被销毁,该钩子函数在服务器端渲染器件不被调用。
回复

使用道具 举报

1

主题

2

回帖

29

积分

新手上路

积分
29
发表于 2022-9-22 15:07:22 | 显示全部楼层
mark,我也来学习一下
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|粤嵌技术交流空间

GMT+8, 2025-7-7 13:04 , Processed in 0.670357 second(s), 18 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表