前言

生命周期

组件从初始化开始到结束的过程,每个组件都具有生命周期,都对组件通过生命周期给予的钩子函数进行管理。

钩子函数

系统某些状态和参数发生变化时,系统立马去通知对应处理函数。

React生命周期

Initialization 初始化阶段

继承React的props,设置state的初始化。

Mounting 虚拟DOM挂载阶段

compontentWillMount DOM将要挂载时。
render 描画DOM。
compontentDidMount DOM挂载完成的时刻。

更新阶段

props发生改变
1,componentWillReceiveProps:位于子组件中,已加载组件收到新的参数时调用。
2,shouldComponentUpdata:组件是否更新。
3,componentWillUpdata:组件即将更新。
4,render:组件更新。
5,componentDidUpdata:组件更新完毕时。
state发生改变
1,shouldComponentUpdata:组件是否更新。
2,componentWillUpdata:组件即将更新。
3,render:组件更新。
4,componentDidUpdata:组件更新完毕时。

卸载截断

componentWillUnmount:组件将要卸载的时刻。

Vue生命周期

beforeCreate:创建之前
created:创建之后
beforeMount:挂载之前
mounted:挂载之后
beforeUpdate:更新之前
update:更新之后
beforeDestroy:摧毁之前
destroy:摧毁之后