angular/react/vue/微信小程序 生命周期钩子

前端三门流行框架与微信小程序都有不同的生命周期钩子
1.angular

// 组件初始化时执行
constructor
ngOnChanges
ngOnInit
ngDoCheck
ngAfterContentInit
ngAfterContentChecked
ngAfterViewInit
ngAfterViewChecked
// 变化检测时执行
ngOnChanges
ngDoCheck
ngAfterContentChecked
ngAfterViewChecked
// 组件销毁时执行
ngOnDestroy

2.react

// 组件初始化时执行
constructor
componentWillMount 挂载
render 渲染
componentDidMount
// 变化检测时执行
shouldComponentUpdate 检测组件内的变化
componentReceiveProps 接收组件传入输入数据
componentWillUpdate 组件更新之前调用
componentDidUpdate 组件更新之后调用
render 组件更新之后渲染组件
// 组件销毁时执行
componentWillUnmount

3.vue

// 组件初始化时执行
beforeCreate  实例创建前，还获取不到data
created
beforeMount  实例挂载到DOM前
mounted
// 变化检测时执行
beforeUpdate 
updated
// 组件销毁时执行
beforeDestroy	实例销毁
destroyed

4.微信小程序

onLoad	//页面加载
onShow	//页面显示
onHide	//页面隐藏
onUnload	//页面卸载
onPullDownRefresh	//下拉动作
onReachBottom	//上拉触底
onShareAppMessage	//点击右上角分享