【uni-app】一些uni-app的生命周期钩子函数

Vue.js和uni-app都有一系列的生命周期钩子函数，它们在组件的不同生命周期阶段被调用。以下是这些函数的详细说明：

1. beforeCreate: 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。

2. created: 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event事件回调。然而，挂载阶段还没开始，$el属性目前不可见。

3. beforeMount: 在挂载开始之前被调用：相关的 render 函数首次被调用。

4. mounted: el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内的元素，当 mounted 被调用时 vm.$el 也在文档内。

5. beforeUpdate: 数据更新时调用，发生在虚拟 DOM 打补丁之前。这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器。

6. updated: 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。

7. beforeDestroy: 实例销毁之前调用。在这一步，实例仍然完全可用。

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

uni-app中还有一些特定的生命周期函数：

1. onLaunch: 小程序初始化完成时触发，全局只触发一次。

2. onShow: 小程序启动，或从后台进入前台显示时触发。

3. onHide: 小程序从前台进入后台时触发。

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

5. onUnload: 页面卸载时触发。如redirectTo或navigateBack到其他页面时。

以上是Vue.js和uni-app中的生命周期钩子函数，它们在不同的时间点被调用，可以让你在合适的时机执行特定的逻辑。

OK！
至此，问题解决。欢迎留言交流