本章内容给大家谈谈关于遇上uni-app组件的生命周期和页面生命周期有哪些等问题,我们该怎么处理呢。下面这篇文章将为你提供一个解决思路,希望能帮你解决到相关问题。
一、uni-app组件的生命周期
1、created:组件创建完成时触发,此时组件 DOM 尚未挂载,因此无法访问 DOM。
2、attached:组件 DOM 挂载时触发,此时可以访问 DOM,可以通过 this.getRelationNodes 获取关联的节点。
3、ready:组件 DOM 和 所有子节点完成渲染时触发,此时可以访问 DOM。
4、moved:组件被移动到新的位置时触发。
5、detached:组件被移除时触发。
二、页面生命周期
1、onLoad:监听页面加载。
2、onShow:监听页面显示。
3、onReady:监听页面初次渲染完成。
4、onHide:监听页面隐藏。
5、onUnload:监听页面卸载。
6、onPullDownRefresh:监听用户下拉动作。
7、onReachBottom:页面上拉触底事件的处理函数。
三、组件和页面的生命周期对比
组件和页面的生命周期有许多相似之处,都有 created、attached、ready、moved、detached 等生命周期,但是组件的生命周期更加精细,页面的生命周期比较简单,只有 onLoad、onShow、onReady、onHide、onUnload、onPullDownRefresh、onReachBottom 等生命周期。
总结
以上就是为你整理的uni-app组件的生命周期和页面生命周期有哪些全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!