美文网首页
生命周期

生命周期

作者: INGME | 来源:发表于2020-08-10 15:56 被阅读0次
生命周期函数
1.1 组件将要加载,组件加载之前
componentWillMount() {
}

1.2 组件加载完成
componentDidMount() {
}

1.3 接收父组件传来的 props 值
componentWillReceiveProps() {
}

1.4 子组件是不是应该更新
shouldComponentUpdate() {
}

1.5 组件将要更新
componentWillUpdate() {
}

1.6 组件更新完成
componentDidUpdate() {
}

1.7 组件即将销毁
componentWillUnmount() {
}
基本生命周期 constructor()--->componentWillMount()--->render()--->componentDidMount()
2.1 constructor
被调用是在组件准备要挂载的最开始,此时组件尚未挂载到网页上;

2.2 componentWillMount
在constructor之后,在render之前,在这方法里的代码调用setState方法不会触发重新render,所以它一般用来加载数据之用;

2.3 componentDidMount
方法中的代码,是在组件已经完全挂载在网页上才会调用执行,所以可以确保数据的加载;

相关文章

  • Vue生命周期

    什么是生命周期方法?生命周期钩子=生命周期函数=生命周期事件 Vue生命周期方法分类  创建期间的生命周期方法: ...

  • Activity,Fragment,Service生命周期图

    Activity生命周期 Fragment生命周期 Service生命周期

  • 10,vue生命周期

    生命周期钩子=生命周期函数=生命周期事件 根据生命周期的不同分为三类: 创建阶段的生命周期 运行阶段的生命周期 销...

  • 微信小程序生命周期的记录

    小程序中生命周期分为3类: 应⽤的生命周期 页面的生命周期 组件的生命周期 一、生命周期 1. 应⽤的生命周期[h...

  • Lifecycle 生命周期源码解析

    目录: 什么生命周期 什么是生命周期感知型组件 Activity是如何把生命周期传给生命周期感知组件的 生命周期 ...

  • Vue生命周期

    Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...

  • uni-app微信小程序开发 - 生命周期

    uni-app的生命周期分为应用生命周期和页面生命周期还有组件生命周期。 应用生命周期[https://uniap...

  • 【小程序】生命周期

    小程序生命周期分为两类:应用生命周期和页面生命周期。 应用生命周期 应用生命周期包括onLaunch、onShow...

  • Java基础知识整理3——Android篇

    一、activity生命周期,fragment生命周期,broadcastReceiver生命周期,service...

  • Fragment的生命周期

    Fragment生命周期 宿主MainActivity生命周期 Fragmengs生命周期: activity_f...

网友评论

      本文标题:生命周期

      本文链接:https://www.haomeiwen.com/subject/elmerktx.html