这篇文章主要介绍“VUE中应用、页面和组件的生命周期是怎样的”，有一些人在VUE中应用、页面和组件的生命周期是怎样的的问题上存在疑惑，接下来小编就给大家来介绍一下相关的内容，希望对大家解答有帮助，有这个方面学习需要的朋友就继续往下看吧。

一、应用的生命周期

onLaunch

当uni-app 初始化完成时触发（全局只触发一次）onShow

当 uni-app 启动，或从后台进入前台显示onHide

当 uni-app 从前台进入后台

二、页面生命周期

onLoad

监听页面加载onReady

监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发onShow

监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面onHide

监听页面隐藏onUnload

监听页面卸载

三、组件生命周期

beforeCreate

在实例初始化之后被调用created

在实例创建完成后被立即调用mounted

挂载到实例上去之后调用。详见 注意：此处并不能确定子组件被全部挂载，如果需要子组件完全挂载之后在执行操作可以使用$nextTickdestroyed

Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。

总结

以上就是关于“VUE中应用、页面和组件的生命周期是怎样的”的介绍了，感谢各位的阅读，希望这篇文章能帮助大家解决问题。如果想要了解更多知识，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• vue中如何配置根目录，根目录的用法是什么

  vue用@表示src文件夹，引入时找文件路径更方便,下面这篇文章主要给大家介绍了关于vue配置根目录(用@代表src目录)的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下

• react父调用子组件场景下的应用方式是怎样的

  文章中涉及 ref 的应用仅为父组件调用子组件场景下的应用方式，并未涵盖 ref 的所有应用方式！

• 用jQuery怎样实现数据滚动的效果？

  这篇文章主要为大家详细介绍了jQuery实现表格行数据滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• Vue怎样实现双向绑定的，有多少方式

  这篇文章主要介绍了Vue 实现双向绑定的四种方法，非常不错，具有参考借鉴价值，需要的朋友参考下吧，希望能够给你带来帮助

• Map和Set的数据结构是什么样，两者啥区别

  首先了解一下 Map再来了解一下 Set总结Map和Set的区别结语：首先了解一下 MapMap 是一组键值对的结构，和 JSON 对象类似。(1) Map数据结构如下这里我们可以看到的是Map的数