uniapp 生命周期函数
时间: 2023-09-09 17:10:44 浏览: 135
uniapp学习-基础学习模板
uni-app 支持以下应用生命周期函数:
1. `onLaunch`:当 uni-app 初始化完成时触发,全局只触发一次。
2. `onShow`:当 uni-app 启动或从后台进入前台显示时触发,可以被多次触发。
3. `onHide`:当 uni-app 从前台进入后台时触发,可以被多次触发。
4. `onError`:当 uni-app 报错时触发。
这些应用生命周期函数是在 App.vue 文件中定义的。你可以在 `<script>` 标签中编写相应的函数来处理相应的事件。例如,以下是一个示例代码:
```javascript
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
},
onError: function(err) {
console.log('App Err', err)
}
}
</script>
```
你还可以在 `<style>` 标签中编写公共的 CSS 样式,以供各个页面使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [uni-app的生命周期](https://blog.csdn.net/atu1111/article/details/118990349)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [uniapp笔记.rar](https://download.csdn.net/download/weixin_43167546/12691276)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文