Vue2面试题:说一下vue2的生命周期?

    创建:

        beforecreate:

            实例创建前

            此阶段的data、methods、computed、watch的数据和方法不能被访问

        created:

            实例创建完成后

            此阶段完成数据监听,可以使用数据、更改数据。无法与Dom进行交互,想要的话可以通过nextTick来访问。

    挂载:

        beforeMount:

            页面渲染前

            此阶段虚拟Dom已经创建完成,即将开始渲染。在此时也可以对数据进行更改,不会触发updated。

        mounted:

            页面渲染完成后

            此阶段真实Dom渲染完毕,数据完成双向绑定,可以访问到Dom节点,使用$refs属性对Dom进行操作。

    更新:

        beforeUpdate:

            响应式数据更新前

            此阶段更改数据,不会造成页面重新渲染。

        updated:

            响应式数据更新完成后

            避免在此阶段更改数据,因为这可能会导致无限循环的更新。

    销毁:

        beforeDestroy:

            实例销毁前

            我们可以在这时进行善后收尾工作,比如清除定时器、解除绑定事件

        destroyed:

            实例销毁完成后

    缓存:

        activited:

            keep-alive专属,组件被激活时调用

        deactivited:  

            keep-alive专属,组件被销毁时调用

    1、异步请求放在created还是mounted:

        如果是单单的一个父级组件,放哪里都无所谓。

        如果涉及到了要控制子父组件先后显示正确内容的时候,就可以考虑下父组件的请求要放在哪个钩子里了。想要子组件先拿到数据渲染就放在mounted中,想要父组件先拿到数据就放在created中。

    2、第一次加载页面触发了创建、挂载生命周期

    3、父子组件生命周期执行顺序:

        组件渲染的顺序是先父后子,渲染完成的顺序是先子后父

        组件更新的顺序是先父后子,更新完成的顺序是先子后父

        组件销毁的顺序是先父后子,销毁完成的顺序是先子后父

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/217174.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Vue 双向绑定:让数据与视图互动的魔法!(上)

🤍 前端开发工程师(主业)、技术博主(副业)、已过CET6 🍨 阿珊和她的猫_CSDN个人主页 🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 🍚 蓝桥云课签约作者、已在蓝桥云…

大数据监控

HBase 监控 {name“RegionServer”,sub“Server”,} irate(hadoop_hbase_totalrequestcount[5m]) irate(hadoop_hbase_totalrequestcount{instanceName“hacluster4”}[2m]) https://blog.csdn.net/Samooyou/article/details/129275640 https://www.tencentcloud.com/zh/doc…

【python笔记】requests模块基础总结

前言 菜某笔记总结,如有错误请指正。 requests用途 主要是用于发送网络请求 Requests库的主要方法和属性 rrequests.get() Response Request 对象 对象 r.cookies #打印cookie r.content #常用于图像视频等 以上内容来自2_哔哩哔哩_bilibili 发…

OpenCV中vector<Mat>数据存储问题

问题:定义数组Mat后,通过指针/取元素对Mat数组数据进行修改,会遇到深浅拷贝问题。 原因是:push_back调用的是Mat的浅拷贝函数来拷贝数据,数据共享。 一、浅拷贝 //注意:浅拷贝 - 不复制数据只创建矩阵头&…

【Netty的线程模型】

Netty的线程模型 Netty的线程模型知识拓展单Reactor单线程模型单Reactor多线程模型主从Reactor模型 Netty的线程模型 Netty通过Reactor模型基于多路复用器接收并处理用户请求的,多路复用IO模型参考: 多路复用IO模型: 操作系统的IO模型有哪些&#xff1f…

WindowChrome使用之最大化窗口拖动失败

背景:今天遇到一个奇怪的问题,窗口最大化之后,从屏幕外开始手指移动到窗口标题栏,窗口不跟随手指移动。 对WindowChrome并不是很了解,查了查文档,知道了WindowChrome是什么,怎么使用。 官方文档…

短剧规模达到了百亿元,短剧分销成为短剧新模式

我国短剧市场规模直接突破了三百多亿元,目前已经是互联网的一大创业风口! 一、短剧特点 在当下快节奏的生活中,短剧具有的快节奏、剧情紧凑的特点,符合大众对影视的需求。目前我国的短剧题材主要是言情、总裁、赘婿等&#xff0…

Jmeter 测试 MQ 接口怎么做?跟我学秒变大神!

MQ(message queue)消息队列,是基础数据结构 先进先出 的一种典型数据结构。一般用来解决应用解耦,异步消息,流量削锋等问题,实现高性能,高可用,可伸缩和最终一致性架构。 MQ 主要产品包括:Rabb…

基于ssm汽车养护管理系统论文

摘 要 现代经济快节奏发展以及不断完善升级的信息化技术,让传统数据信息的管理升级为软件存储,归纳,集中处理数据信息的管理方式。本汽车养护管理系统就是在这样的大环境下诞生,其可以帮助管理者在短时间内处理完毕庞大的数据信息…

WEB渗透—PHP反序列化(一)

Web渗透—PHP反序列化 课程学习分享(课程非本人制作,仅提供学习分享) 靶场下载地址:GitHub - mcc0624/php_ser_Class: php反序列化靶场课程,基于课程制作的靶场 课程地址:PHP反序列化漏洞学习_哔哩…

npc_test.sh: line 3: $‘\r‘: command not found

[rootlocalhost ~]# bash npc_test.sh npc_test.sh: line 3: $‘\r’: command not found npc_test.sh: line 8: $‘\r’: command not found npc_test.sh: line 10: syntax error near unexpected token $‘{\r’’ pc_test.sh: line 10: 原因: 脚本中出现的错误…

vue3 + ts 防抖指令,节流指令,复制指令

vue3 ts 自定义指令 防抖指令,节流指令,复制指令 本文使用了 element-ui , element-plus 官网 源文件 https://admin.spicyboy.cn/#/directives/debounceDirect 新建 copy.ts 文件 (复制指令) import type { Directive, Di…

12.6每日一题(备战蓝桥杯程序的控制结构)

12.6每日一题(备战蓝桥杯程序的控制结构) 题目 1638: 【入门】判断正负数或零题目描述输入输出样例输入样例输出来源/分类 题解 1638: 【入门】判断正负数或零题目 1348: 【入门】求绝对值题目描述输入输出样例输入样例输出来源/分类 题解 1348: 【入门】…

【Qt开发流程】之2D绘图2:坐标系统

概述 Qt的坐标系统由QPainter类控制。QPainter与QPaintDevice和QPaintEngine 类一起构成了Qt的绘画系统的基础。QPainter用于执行绘图操作,QPaintDevice是一个二维空间的抽象,可以使用QPainter在其上绘制,QPaintEngine 提供了QPainter用于在…

C语言中的柔性数组

uint8_t data[0];代码的含义老虎开始对这个数组不太了解,查阅后得知这是个柔性数组。 C语言中的柔性数组(Flexible Array Member)是一种特殊的数组,它被定义在结构体的最后一个元素中,其大小未知,也就是所…

Crow:黑魔法new_rule_tagged实现模板参数的绑定

Crow添加路由的定义: #define CROW_ROUTE(app, url) app.template route<crow::black_magic::get_parameter_tag(url)>(url) Crow:黑魔法get_parameter_tag-CSDN博客 介绍了get_parameter_tag的作用 route的定义为: auto route(std::string&& rule) -> …

java--Stream流常见的中间方法和终结方法

1.Stream流常见的中间方法 中间方法指的是调用完成后会返回新的Stream流&#xff0c;可以继续使用(支持链式编程) 2.Stream流常见的终结方法 ①终结方法指的是调用完成后&#xff0c;不会返回新Stream了&#xff0c;没法继续使用流了。 ②收集Stream流&#xff1a;就是把Stre…

MySQL执行流程_执行一条select语句,期间发生了什么

文章目录 执行一条select语句&#xff0c;期间发生了什么MySQL执行流程第一步&#xff1a;连接器第二步&#xff1a;查询缓存第三步&#xff1a;解析SQL第四步&#xff1a;执行SQL 执行一条select语句&#xff0c;期间发生了什么 MySQL执行流程 server层负责建立连接、分析和执…

SpringAMQP

目录 利用SpringAMQP实现HelloWorld中的基础消息队列功能: 1&#xff0e;在父工程中引入spring-amqp的依赖 2&#xff0e;在publisher服务中利用RabbitTemplate发送消息到simple.queue这个队列 3&#xff0e;在consumer服务中编写消费逻辑&#xff0c;绑定simple.queue这个…