vue生命周期和uniapp生命周期中的onshow对应的是哪个生命周期
时间: 2024-05-24 18:08:18 浏览: 18
Vue 生命周期分为八个阶段,分别是:创建前、创建中、创建后、挂载前、挂载后、更新前、更新后和销毁前。其中,`mounted` 钩子函数表示 vue 实例已经被挂载到 DOM 上时触发。而 `created` 钩子函数表示 vue 实例被创建时触发,可以在该钩子函数中进行数据初始化等操作。
uni-app 生命周期中的 `onShow` 对应的是 `mounted` 钩子函数,在小程序中对应的是 `onShow` 生命周期函数。在 uni-app 中,当页面显示时,会触发 `mounted` 钩子函数。这意味着,当用户打开或从其他页面返回当前页面时,都会触发 `mounted` 钩子函数。
相关问题
vue2生命周期和uniapp生命周期对比
Vue2的生命周期和Uniapp的生命周期有一些相似之处,但也存在一些差异。下面是它们的对比:
Vue2的生命周期包括以下阶段:
1. beforeCreate:实例刚在内存中创建,数据观测和事件配置之前。
2. created:实例已经创建完成,数据观测和事件配置完成。
3. beforeMount:模板编译/挂载之前。
4. mounted:模板编译/挂载完成,实例已经挂载到DOM上。
5. beforeUpdate:数据更新之前,虚拟DOM重新渲染之前。
6. updated:数据更新完成,虚拟DOM重新渲染完成。
7. beforeDestroy:实例销毁之前,清除定时器、解绑事件等操作。
8. destroyed:实例销毁完成。
Uniapp的生命周期与Vue2的生命周期类似,但有一些额外的生命周期钩子函数:
1. onLaunch:小程序初始化时触发,全局只触发一次。
2. onShow:小程序启动或从后台进入前台显示时触发。
3. onHide:小程序从前台进入后台时触发。
4. onError:小程序发生脚本错误或API调用失败时触发。
5. onPageNotFound:小程序找不到页面时触发。
Uniapp还支持页面级别的生命周期钩子函数,包括:
1. onLoad:页面加载时触发。
2. onReady:页面初次渲染完成时触发。
3. onUnload:页面卸载时触发。
4. onPullDownRefresh:用户下拉刷新时触发。
5. onReachBottom:页面上拉触底时触发。
6. onShareAppMessage:用户点击右上角分享时触发。
vue3 uniapp 组件生命周期
Vue3和uniapp组件的生命周期基本相同,采用的是Vue的生命周期函数。在初始化过程中,组件实例化后,会依次触发beforeCreate、created、beforeMount和mounted生命周期函数。组件更新时,会依次触发beforeUpdate和updated生命周期函数。而在组件实例化后,如果数据更新,会依次触发beforeUpdate和updated生命周期函数。在组件销毁前,会依次触发beforeUnmount和unmounted生命周期函数。
需要注意的是,由于uniapp是基于Vue开发的跨端框架,因此还有一些小程序特有的生命周期函数,比如onLoad、onReady、onShow和onHide等。同时,uniapp还结合了小程序和Vue的生命周期函数,如引用[1]所述,对界面和应用的生命周期采用的是小程序的生命周期,对组件的生命周期采用的是Vue的生命周期。
--相关问题--:
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)