Taro 生命周期与页面事件处理函数

生命周期钩子函数

componentWillMount()
//页面加载时触发，一个页面只会调用一次，此时页面 DOM 尚未准备好，还不能和视图层进行交互


componentDidMount()
//页面初次渲染完成时触发，一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互


shouldComponentUpdate(nextProps, nextState)
//页面是否需要更新，返回 false 不继续更新，否则继续走更新流程


componentWillUpdate(nextProps, nextState)
//页面即将更新


componentDidUpdate(prevProps, prevState)
//页面更新完毕


componentWillUnmount()
//页面卸载时触发，如 redirectTo 或 navigateBack 到其他页面时


componentDidShow()
//页面显示/切入前台时触发


componentDidHide()
//页面隐藏/切入后台时触发， 如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等

页面事件处理函数

onPullDownRefresh()
//监听用户下拉刷新事件
//需要在全局配置的 window 选项中或页面配置中开启 enablePullDownRefresh可以通过 Taro.startPullDownRefresh 触发下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。当处理完数据刷新后，Taro.stopPullDownRefresh 可以停止当前页面的下拉刷新


onReachBottom()
//监听用户上拉触底事件
//可以在全局配置的 window 选项中或页面配置中设置触发距离 onReachBottomDistance，在触发距离内滑动期间，本事件只会被触发一次


onPageScroll(Object)
//监听用户滑动页面事件


onShareAppMessage(Object)
//监听用户点击页面内转发按钮（Button 组件 openType='share'）或右上角菜单“转发”按钮的行为，并自定义转发内容。
//只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮