>> 欢迎您 客人: 登录 | 注册 | 在线 | 搜索 | 风格 | 帮助 | 统计 | 文章 返回首页
>>分享Web前端开发技术，并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → 总结：Vue的生命周期钩子函数的调用时机
发表一个新主题 开启一个新投票 回复文章 您是本文章第 16302 个阅读者 刷新本主题
 * 贴子主题:  总结：Vue的生命周期钩子函数的调用时机 回复文章 点赞(0)  收藏  
作者:flybird    发表时间：2024-04-20 10:25:25     消息  查看  搜索  好友  邮件  复制  引用
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面向对象编程-->图形用户界面（下）
  JavaWeb开发-->使用Session(Ⅱ)
  JSP与Hibernate开发-->Java应用分层架构及软件模型
  Java网络编程-->Socket用法详解
  精通Spring-->Vue简介
  Vue3开发-->计算属性和数据监听
本站其他相关文章
  聊聊Nodejs中的模块化和事件循环
  勇闯28个关卡学会HTML与HTML5基础
  本以为精通Vue，没想到被前阿里大佬虐哭了......
  axios 发 post 请求，后端接收不到参数的解决方案
  Vue项目PWA化
  vue 项目中使用loadsh 的 防抖（debounce）和节流（throttle...
  把99%的程序员烤得外焦里嫩的JavaScript面试题
  Vue项目的性能优化之路
  Vue.js学习笔记-基础部分+完整实现代码
  一看就懂得移动端rem布局、rem如何换算
  JavaScript的Screen 对象
  JavaScript Error(错误) 对象
  HTML标签的全局属性
  JavaScript 函数参数
  JavaScript 严格模式(use strict)
  更多...
 IPIP: 已设置保密
树形列表:   
共1页 0条记录 当前第1页
发表一个新主题 开启一个新投票 回复文章

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