热门标签 | 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响应进行了缓存,但实际响应时间仍然不稳定。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 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 ... [详细]
  • 本文详细探讨了如何在Docker环境中实现单机部署Redis集群的方法,提供了详细的步骤和配置示例,帮助读者更好地理解和应用这一技术。 ... [详细]
  • 本文详细介绍如何使用 Python 集成微信支付的三种主要方式:Native 支付、APP 支付和 JSAPI 支付。每种方式适用于不同的应用场景,如 PC 网站、移动端应用和公众号内支付等。 ... [详细]
  • 深入理解 JMeter 定时器
    本文详细介绍了JMeter中定时器的功能和使用方法,探讨了其在性能测试中的重要性,并结合实际案例解释了如何合理配置定时器以模拟真实的用户行为。文章还涵盖了定时器的执行顺序及其与其他元件的相互作用。 ... [详细]
  • 请看|间隔时间_Postgresql 主从复制 ... [详细]
  • Go语言以其简洁的语法和强大的并发处理能力而闻名,特别是在云计算和分布式计算领域有着广泛的应用。本文将深入探讨Go语言中的Channel机制,包括其不同类型及其在实际编程中的应用。 ... [详细]
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社区 版权所有