uni-app的组合式生命周期函数
时间: 2023-09-26 16:08:31 浏览: 46
uni-app 的组合式生命周期函数包括:
1. beforeCreate:在实例创建之前被调用,此时无法访问到 data 和 methods 等实例属性和方法。
2. created:在实例创建完成后被调用,此时可以访问到 data 和 methods 等实例属性和方法。
3. beforeMount:在组件挂载到页面之前被调用。
4. mounted:在组件挂载到页面之后被调用,此时可以访问到 DOM 元素。
5. beforeUpdate:在数据更新之前被调用。
6. updated:在数据更新之后被调用,此时可以访问到更新后的 DOM 元素。
7. beforeDestroy:在实例销毁之前被调用,此时实例仍然可以访问到 data 和 methods 等实例属性和方法。
8. destroyed:在实例销毁之后被调用,此时实例不能再访问到 data 和 methods 等实例属性和方法。
需要注意的是,组件的生命周期函数与页面的生命周期函数有些许不同,具体可以参考官方文档。
相关问题
uni-app生命周期函数
uni-app的生命周期函数包括以下几个:
1. onLaunch:小程序初始化时触发,全局只触发一次。
2. onShow:小程序启动或从后台进入前台时触发。
3. onHide:小程序从前台进入后台时触发。
4. onError:小程序发生脚本错误或 API 调用失败时触发。
5. onPageNotFound:小程序要打开的页面不存在时触发。
6. onLoad:页面加载时触发。
7. onReady:页面初次渲染完成时触发。
8. onUnload:页面卸载时触发。
9. onPullDownRefresh:用户下拉刷新时触发。
10. onReachBottom:页面上拉触底时触发。
11. onResize:页面尺寸变化时触发。
12. onTabItemTap:点击 tab 时触发。
以上是uni-app的常用生命周期函数,开发者可以根据需求在这些函数中编写相应的逻辑代码。
uni-app 页面生命周期
uni-app 是一个基于 Vue.js 的跨平台开发框架,可以同时开发多个平台的应用,包括小程序、H5、安卓、iOS 等。uni-app 的页面生命周期与 Vue.js 的生命周期类似,但也有一些特定的生命周期钩子函数。下面是 uni-app 页面的生命周期:
1. beforeCreate:在实例初始化之前调用,此时还无法访问到 data、computed 等属性。
2. created:实例创建完成后调用,此时已经可以访问到 data、computed 等属性。
3. beforeMount:在页面挂载之前调用,此时模板编译已经完成。
4. mounted:在页面挂载之后调用,此时可以访问到 DOM 元素。
5. beforeUpdate:数据更新之前调用,可用于在更新之前进行一些操作。
6. updated:数据更新之后调用,可用于在更新之后进行一些操作。
7. activated(仅在 APP-NVUE 中可用):页面被激活时调用,比如从其他页面返回到当前页面。
8. deactivated(仅在 APP-NVUE 中可用):页面被隐藏时调用,比如从当前页面跳转到其他页面。
9. beforeDestroy:在实例销毁之前调用,此时实例仍然可用。
10. destroyed:实例销毁之后调用,此时实例已经被销毁,无法再访问到任何属性和方法。
这些生命周期钩子函数可以用来在不同的阶段执行相应的操作,比如数据初始化、页面渲染、数据更新等。