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 操作和异步请求。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

光影少年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值