浅谈VUE uni-app 生命周期
一、应用的生命周期
onLaunch
当uni-app 初始化完成时触发(全局只触发一次)onShow
当 uni-app 启动,或从后台进入前台显示onHide
当 uni-app 从前台进入后台
二、页面生命周期
onLoad
监听页面加载onReady
监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发onShow
监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面onHide
监听页面隐藏onUnload
监听页面卸载
三、组件生命周期
beforeCreate
在实例初始化之后被调用created
在实例创建完成后被立即调用mounted
挂载到实例上去之后调用。详见 注意:此处并不能确定子组件被全部挂载,如果需要子组件完全挂载之后在执行操作可以使用$nextTickdestroyed
Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!
相关文章
vue.js利用defineProperty实现数据的双向绑定
本篇文章主要介绍了用Node.js当作后台、jQuery写前台AJAX代码实现用户登录和注册的功能的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
Vue中使用ElementUI使用第三方图标库iconfont的示例
这篇文章主要介绍了Vue中使用ElementUI使用第三方图标库iconfont的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-10-10
在vue中使用echarts(折线图的demo,markline用法)
这篇文章主要介绍了在vue中使用echarts(折线图的demo,markline用法),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07


最新评论