uni-app生命周期 常用
时间: 2023-09-27 10:05:26 浏览: 98
在uni-app中,生命周期钩子函数与Vue的生命周期钩子函数类似,但也有一些区别。常用的uni-app生命周期钩子函数包括:
1. beforeCreate:在实例初始化之后被调用,在这个阶段可以进行一些初始化的操作,但是此时还无法访问到data和methods等实例属性和方法。
2. created:在实例创建完成后被立即调用,此时实例已经完成了数据观测,可以访问到data和methods等实例属性和方法。在这个阶段可以进行一些异步操作或数据初始化。
3. beforeMount:在挂载开始之前被调用,在这个阶段可以对模板进行编译和优化。
4. mounted:挂载到实例上去之后调用,此时模板已经渲染成真实的DOM,并且挂载到页面上,可以进行一些DOM操作和数据更新。
5. beforeUpdate:数据更新时调用,在数据更新之前执行,可以在这个阶段进行一些操作,比如数据的准备或计算。
6. updated:数据更新之后时调用,在数据更新之后执行,此时DOM已经重新渲染,可以对DOM进行操作。
7. beforeDestroy:实例销毁之前调用,在这一步,实例仍然完全可用,可以进行一些清理工作或取消事件监听等操作。
8. destroyed:Vue实例销毁后调用,调用后,Vue实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。
以上是uni-app中常用的生命周期钩子函数,可以根据需要在相应的生命周期钩子函数中编写代码实现相应的功能。
相关问题
uni-app生命周期
uni-app的生命周期函数包括应用生命周期函数和页面生命周期函数。
应用生命周期函数包括:
- onLaunch:当uni-app初始化完成时触发,全局只触发一次。
- onShow:当uni-app启动,或从后台进入前台显示时触发。
- onHide:当uni-app从前台进入后台时触发。
- onError:当uni-app报错时触发。
页面生命周期函数包括:
- onLoad:监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)。
- onShow:监听页面显示。页面每次出现在屏幕上都会触发,包括从下级页面返回露出当前页面。
- onReady:监听页面初次渲染完成。
- onHide:监听页面隐藏。
- onUnload:监听页面卸载。
这些生命周期函数在不同的阶段会触发,可以在对应的函数中编写相应的逻辑代码。\[1\] \[2\]
#### 引用[.reference_title]
- *1* [uni-app —— uni-app的生命周期](https://blog.csdn.net/Bonsoir777/article/details/127895952)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uni-app 生命周期](https://blog.csdn.net/YWW_ABC/article/details/121720505)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
uni-app 生命周期
uni-app 框架是基于 Vue.js 的跨平台开发框架,它支持同时开发多个平台的应用程序,如微信小程序、H5、Android、iOS 等。下面是 uni-app 的生命周期:
1. beforeCreate:实例创建之前执行的钩子函数。
2. created:实例创建完成后执行的钩子函数,此时可以访问到 data、methods 等属性。
3. beforeMount:在实例挂载之前执行的钩子函数,此时尚未渲染真实 DOM。
4. mounted:实例挂载完成后执行的钩子函数,此时可以访问到真实的 DOM 元素。
5. beforeUpdate:数据更新之前执行的钩子函数。
6. updated:数据更新完成后执行的钩子函数。
7. beforeDestroy:实例销毁之前执行的钩子函数,此时实例仍然可用。
8. destroyed:实例销毁完成后执行的钩子函数,此时实例已经被销毁,不可再使用。
以上就是 uni-app 的生命周期,开发者可以在不同的生命周期阶段进行不同的操作和逻辑处理。
阅读全文