总结：Vue的生命周期钩子函数的调用时机

>> 欢迎您客人: 登录 | 注册 | 在线 | 搜索 | 风格 | 帮助 | 统计 | 文章

返回首页

>>分享Web前端开发技术，并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持

Java技术网站 → 『 Java开发技术』 → 『 Web前端开发技术专题』 → 总结：Vue的生命周期钩子函数的调用时机

发表一个新主题

开启一个新投票

回复文章

您是本文章第 21898 个阅读者

* 贴子主题: 总结：Vue的生命周期钩子函数的调用时机

回复文章

点赞(0) 收藏

作者:flybird 发表时间：2025-04-15 02:00:19

消息

查看

搜索

好友

邮件

复制

引用

beforeCreate
为数据准备阶段，数据初始化，这个时候你拿不到你所准备的data数据。
但是在beforeCreated和created之间，会执行computed计算属性，因为这个和数据的准备基本一样。在使用watch的immediate: true的时候，也会在这个时候执行。
created
数据准备好，但是dom未挂载，你可以使用data中的时候，
beforeMounted
dom挂载之前，但是还未挂载，依旧获取不到dom
mounted
dom实例挂载成功，你可以在这个钩子函数获得dom进行相应的操作。
beforeUpdate
更新之前，数据更新还未更新
updated
数据更新了，你可以继续你更新后的操作
activated ----（keep-alive组件中使用）
deactivated ----（keep-alive组件中使用）
beforeDestroy
组件还未销毁之前。你可以获取到dom实例。
destroyed
组件已经销毁，获取不到dom，但是你还可以获取到data中的数据，可以理解成，在destroy之后，dom已经不在受vue管理了。

程序猿的技术大观园：www.javathinker.net

Java精品书籍推荐

Java最新视频教程推荐

Java面向对象编程-->第一个Java程序

JavaWeb开发-->Web运作原理（Ⅳ）

JSP与Hibernate开发-->JPA API的高级用法

Java网络编程-->Socket用法详解

精通Spring-->绑定表单

Vue3开发-->组合（Composition）API

本站其他相关文章

VSCode 开发Vue必备插件

前端Vue单页面应用性能优化

10个 Web 开发人员的常用的 Chrome 扩展程序

vue3.0 代理Proxy API

axios.all()解决并发请求

Vue2.0与Vue3.0主要区别总结

拯救React的hooks：react的问题和hooks的作用

CSS 列表样式(ul)

HTML标签的全局属性

HTML5 地理定位

JavaScript Array（数组）对象

JavaScript HTML DOM 节点列表

JavaScript 语法大全

Android 广播接收器(Broadcast Receivers)

非常实用的CSS样式

IP: 已设置保密

楼主

共1页 0条记录当前第1页

发表一个新主题

开启一个新投票

回复文章

中文版权所有： JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶，分享交流Java前沿技术。联系我们
如有技术文章涉及侵权，请与本站管理员联系。