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

Vue、React 生命周期有哪些?页面数据获取放在哪个生命周期做比较好?

React 生命周期
  1. 挂载阶段(Mounting)

    • constructor()

    • static getDerivedStateFromProps()

    • render()

    • componentDidMount()

  2. 更新阶段(Updating)

    • static getDerivedStateFromProps()

    • shouldComponentUpdate()

    • render()

    • getSnapshotBeforeUpdate()

    • componentDidUpdate()

  3. 卸载阶段(Unmounting)

    • componentWillUnmount()

Vue 生命周期
  1. 创建阶段

    • beforeCreate()

    • created()

  2. 挂载阶段

    • beforeMount()

    • mounted()

  3. 更新阶段

    • beforeUpdate()

    • updated()

  4. 销毁阶段

    • beforeDestroy()

    • destroyed()

页面数据获取最佳生命周期
  • React: componentDidMount 是获取数据的最佳时机,因为此时组件已经挂载,可以安全地进行 DOM 操作和异步请求。

  • Vue: mounted 是获取数据的最佳时机,因为此时组件已经被挂载,可以安全地进行 DOM 操作和异步请求。


http://www.kler.cn/a/307367.html

相关文章:

  • SpringMVC学习笔记(二)
  • docker构建jdk11
  • 844.比较含退格的字符串
  • Scala学习记录,case class,迭代器
  • redis7.x源码分析:(1) sds动态字符串
  • 在linux中使用nload实时查看网卡流量
  • JAVA语言之Solr的工作原理以及如何管理索引库
  • 【爬虫软件】批量采集抖音主页已发布作品
  • 从零开始学习Linux(12)---进程间通信(信号量与信号)
  • 即插即用!高德西交的PriorDrive:统一的矢量先验地图编码,辅助无图自动驾驶
  • PHP环境搭建详细教程
  • 基于kolla-ansible在openEuler 22.03 SP4上部署OpenStack-2023.2
  • 二叉树和堆概念
  • C++ 科目二 智能指针 [weak_ptr] (解决shared_ptr的循环引用问题)
  • websocket消息推送修改
  • PostgreSQL的查看主从同步状态
  • 凸优化学习(3)——对偶方法、KKT条件、ADMM
  • 「C++系列」文件和流
  • 医学数据分析实训 项目四回归分析--预测帕金森病病情的严重程度
  • Java设计模式—面向对象设计原则(二) --------> 里氏代换原则 LSP (完整详解,附有代码+案列)
  • Linux 系统盘空间不足,想要将 Docker 镜像和容器数据迁移到数据盘
  • sqlgun靶场攻略
  • Mysql系列-索引简介
  • Vert.x HttpClient调用后端服务时使用Idle Timeout和KeepAlive Timeout的行为分析
  • 11.java面向对象
  • macOS上谷歌浏览器的十大隐藏功能