当前位置: 首页 > news >正文

Vue的生命周期(Vue2)

1、vue的生命周期有那些?发送请求是在created该市mounted中?

vue的生命周期有beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。(八个)
再加入keep-live时生命周期会多两个actived和deactived(十个)
发送请求可以在created也可以在mounted,主要看应用场景:
1、如果只是一个单独的组件那么不管在mounted还是在created中,都可以。
2、如果是在父子组件中想先渲染子组件的话那就将请求放在created中,
3、如果想先渲染父组件的话那就将请求放在mounted中。

2、一旦进入组件会执行那些生命周期?

进入组件会先执行beforeCreate、created、beforeMount、mounted这四个生命周期

3、父组件引入子组件生命周期的执行顺序是

会先执行父组件的前三个生命周期,然后执行子组件的前四个生命周期,然后在执行父组件的第四个生命周期。
父:beforeCreate、created、beforeMount
子:eforeCreate、created、beforeMount、mounted
父:mounted

4、在created中如何获取dom元素?

异步获取,vue会先执行完前四个生命周期然后再执行异步方法,如果想在created中获取dom元素的可以将其放在异步方法中来获取如setTimeout(()=>{},0)等.方法有很多,只要是异步的就可以获取.

5、为什么请求不在beforeCreate中?beforeCreatet与created的区别是什么?

如果请求在beforeCreate中如果methods是封装好的在调用时,beforeCreate阶段是无法拿到methods中的方法(会报错)。beforeCreate中没有data 数据,而created中有data数据;,beforeCreate阶段是无法拿到methods中的方法,created阶段可以拿到methods中的方法(beforeMount中有data数据没有dom元素。mounted中既有dom元素也有data数据)。

6、讲讲再加入keep-llive后生命周期会发生怎样的变化?

再加入keep-live时初次进入组件时会执行5个生命周期钩子beforeCreate、created、beforeMount、mounted、actived;当第二次或第n次执行该组件时只会执行actived钩子。

7、你在什么情况下用过那些生命周期,说一说生命周期的的使用场景?

1、根据具体场景决定实现加载子组件的数据还是父组件的数据(mounted、created)
2、destroyed ==> 关闭时记录一下数据
3、activated ==> 判断是否发送请求来加载数据

http://www.dtcms.com/a/268636.html

相关文章:

  • Maven继承:多模块项目高效管理秘笈
  • 微软重磅开源Magentic-UI!
  • 【Rust CLI项目】Rust CLI命令行处理csv文件项目实战
  • AI Tool Calling 实战——让 LLM 控制 Java 工具
  • java-Milvus 连接池(多key)与自定义端点监听设计
  • C++开源项目—2048.cpp
  • 部署MongoDB
  • 接口漏洞怎么抓?Fiddler 中文版 + Postman + Wireshark 实战指南
  • 记录一个关于Maven配置TSF的报错问题
  • 基于 Three.js 开发三维引擎-02动态圆柱墙体实现
  • Python中50个常用的内置函数(2/2)
  • 剑指offer第2版:动态规划+记忆化搜索
  • 回溯题解——子集【LeetCode】输入的视角(选或不选)
  • YOLOv11模型轻量化挑战:边缘计算设备部署优化方案
  • FastAPI依赖注入:构建高可维护API的核心理念与实战
  • Modbus_TCP 客户端低版本指令(归档)
  • Hadoop 分布式存储与计算框架详解
  • Web后端开发-请求响应
  • NLP:文本特征处理和回译数据增强法
  • Mac-右键用 VS Code 打开文件夹
  • 【Echarts】“折线+柱状”实现双图表-家庭用电量可视化【文章附完整代码】
  • 泛微虚拟视图-数据虚拟化集成
  • 从库函数到API接口,深挖不同语言背后的“封装”与“调用”思想
  • pytest通过pytest_runtest_makereport添加失败截图到Allure报告中
  • 常见问题与最佳实践——AI教你学Docker
  • 1-Kafka介绍及常见应用场景
  • 学习基于springboot秒杀系统-环境配置(接口封装,mybatis,mysql,redis(Linux))
  • 2025年全国青少年信息素养大赛图形化(Scratch)编程小学低年级组初赛样题答案+解析
  • 登山第二十六梯:单目3D检测一切——一只眼看世界
  • 【C++开源库使用】使用libcurl开源库发送url请求(http请求)去下载用户头像文件(附完整源码)