热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

VUE的生命周期VUE2.x

1.生命周期有哪些

1.生命周期有哪些

VUE2.x 自带八个:beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,destroyed

2.一旦进入组件会执行哪些生命周期

beforeCreate,created,beforeMount,mounted

beforeCreate,没有DOM($el),没有data,不能拿到方法

created没有DOM($el),有data,可以拿到方法

beforeMount:准备DOM,有data

mounted:挂载DOM,有data

3.父组件引入子组件,生命周期的顺序是?

beforeCreate(父)-》created(父)-》beforeMount(父)-》

beforeCreate(子)-》created(子)-》beforeMount(子)-》mounted(子)-》

mounted(父)

4.发送请求是在哪个生命周期?beforeCreate为什么不发送请求?

先执行同步再执行异步,生命周期是同步的,请求是异步的,加载页面四个生命周期执行完才会执行发送请求,写在哪里都行

如果请求在methods中封装好的,在beforeCreate中拿不到

根据父组件引用子组件的顺序,如果要优先加载子组件数据,请求需要放在父组件mounted中,没有依赖关系的话,放在哪个生命周期都可以

5.在created如何获得dom

1)只要created中异步请求(请求、setTimeout,Promise.xxx,async+await)中获取dom就可以了 2)使用vue系统内置this.$nextTick $ref

6.加入keep-alive会执行哪些生命周期?

keep-alive 是什么?缓存当前组件

新增activated\deactivated

第一次进入界面五个生命周期:beforeCreate,created,beforeMount,mounted,activated

第二(N)次进入:activated

7.生命周期使用场景

1)单组件请求用created

2)同步条件下,获得DOM。选择mounted;先子组件请求,后父组件请求,其他区情况具体分析;

3)keep-alive时,使用activated,如果页面id不同,在这里重新发送请求

4)关闭页面记录视频播放历史,初始化的时候从上一次播放历史播放

从网上找个图


推荐阅读
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 探讨了如何解决Ajax请求响应时间过长的问题。本文分析了一个从服务器获取少量数据的Ajax请求,尽管服务器已经对JSON响应进行了缓存,但实际响应时间仍然不稳定。 ... [详细]
  • PHP 5.5.0rc1 发布:深入解析 Zend OPcache
    2013年5月9日,PHP官方发布了PHP 5.5.0rc1和PHP 5.4.15正式版,这两个版本均支持64位环境。本文将详细介绍Zend OPcache的功能及其在Windows环境下的配置与测试。 ... [详细]
  • FinOps 与 Serverless 的结合:破解云成本难题
    本文探讨了如何通过 FinOps 实践优化 Serverless 应用的成本管理,提出了首个 Serverless 函数总成本估计模型,并分享了多种有效的成本优化策略。 ... [详细]
  • 采用IKE方式建立IPsec安全隧道
    一、【组网和实验环境】按如上的接口ip先作配置,再作ipsec的相关配置,配置文本见文章最后本文实验采用的交换机是H3C模拟器,下载地址如 ... [详细]
  • 本文详细介绍了优化DB2数据库性能的多种方法,涵盖统计信息更新、缓冲池调整、日志缓冲区配置、应用程序堆大小设置、排序堆参数调整、代理程序管理、锁机制优化、活动应用程序限制、页清除程序配置、I/O服务器数量设定以及编入组提交数调整等方面。通过这些技术手段,可以显著提升数据库的运行效率和响应速度。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • 本文总结了优化代码可读性的核心原则与技巧,通过合理的变量命名、函数和对象的结构化组织,以及遵循一致性等方法,帮助开发者编写更易读、维护性更高的代码。 ... [详细]
  • 并发编程 12—— 任务取消与关闭 之 shutdownNow 的局限性
    Java并发编程实践目录并发编程01——ThreadLocal并发编程02——ConcurrentHashMap并发编程03——阻塞队列和生产者-消费者模式并发编程04——闭锁Co ... [详细]
  • Vue 2 中解决页面刷新和按钮跳转导致导航栏样式失效的问题
    本文介绍了如何通过配置路由的 meta 字段,确保 Vue 2 项目中的导航栏在页面刷新或内部按钮跳转时,始终保持正确的 active 样式。具体实现方法包括设置路由的 meta 属性,并在 HTML 模板中动态绑定类名。 ... [详细]
  • 本文旨在深入探讨HTTP长连接的工作原理及其配置方法,帮助初学者更好地理解和应用这一技术。通过本文,读者将了解如何利用长连接提高Web应用的性能。 ... [详细]
  • MySQL 'Too Many Connections' 错误处理及优化方案
    本文详细介绍了如何诊断和解决MySQL数据库中出现的‘Too Many Connections’错误,包括查看当前连接状态、调整配置文件以及优化应用代码等方法。 ... [详细]
  • 如何有效提高Windows 7的启动性能
    本文探讨了提高Windows 7启动速度的方法,包括微软官方建议及用户可采取的具体措施,旨在帮助用户解决启动缓慢的问题。 ... [详细]
  • Android Studio 中 Gradle 使用的常见问题与解决方案
    本文探讨了在使用 Android Studio 进行开发时,遇到的与 Gradle 相关的问题,包括每次打开项目都需要下载 Gradle 和 Gradle 插件依赖包下载失败或卡顿等问题,并提供了详细的解决方法。 ... [详细]
  • 请看|间隔时间_Postgresql 主从复制 ... [详细]
author-avatar
丹丹2502912601
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有