美文网首页
生命周期

生命周期

作者: Black24 | 来源:发表于2018-11-08 15:31 被阅读0次

生命周期函数指在某一个时刻组件会自动调用执行的函数;

componentWillMount(){ console.log('1')} 在组件即将被挂载到页面的时刻自动执行

componentDidMount(){console.log('2')} 组件被挂载到页面之后,自动被执行

shouldComponentUpdate(){console.log('3')} 组件被更新之前,他会自动被执行

componentWillUpdate(){console.log('4')} 组件被更新之前,它会自动执行,但是他在shouldComponentUpdate之后,如果shouldComponentUpdate返回true它才执行,如果返回false就不会执行了

componentDidUpdate(){console.log('5')} 组件更新完成之后,他会被执行

componentWillReceiveProps(){console.log('child 6')} 一个组件要从父组件接受参数,只要父组件的render函数被重新执行了(第二次),子组件的这个生命周期函数就会被执行

componentWillUnmount(){console.log('child 7')} 当这个组件即将被从页面中剔除的时候,会被执行

相关文章

  • 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/jjbixqtx.html