上手做一个华为鸿蒙手表应用 4 - 生命周期事件
2020-10-10 17:24
519 查看
> **接上一篇**:[https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202356576775850798&fid=0101303901040230869](https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202356576775850798&fid=0101303901040230869) >**本节内容: 生命周期事件** **源码仓库地址**:[https://gitee.com/zhaoquan/harmonyoswatchdemo](https://gitee.com/zhaoquan/harmonyoswatchdemo) **生命周期文档:** >- Page 生命周期,AbilitySlice 生命周期,Page 与 AbilitySlice 生命周期关联:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ability-page-lifecycle-0000000000029840 >- JS API 的生命周期接口:https://developer.harmonyos.com/cn/docs/documentation/doc-references/lite-syntax-js-0000001053965214 ### 这里我们先从 JS API 的生命周期接口开始 > 这里就不画图了,直接用张荣超老师视频教程上的截图,没有哪帧图片没有字幕,抱歉了 这里生命周期跟,小程序很像 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201010141845514.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70#pic_center) ### app.js > 为了方便看生命周期,将 app.js 的 > `console.info("Application onCreate"); 改为:console.log("应用创建")'` > > `console.info("Application onDestroy");改为:console.log("应用销毁");` ```java // app.js // 修改后的代码如下 export default { onCreate() { console.log("应用创建"); }, onDestroy() { console.log("应用销毁"); } };
index.js
为了方便看生命周期,使用console.log打印
onInit(){<br/>console.log("index 页面的 onInit() 被调用");<br/>},<br/>onReady(){<br/>console.log("index 页面的 onReady() 被调用");<br/>},<br/>onShow(){<br/>console.log("index 页面的 onShow() 被调用");<br/>},<br/>onDestroy(){<br/>console.log("index 页面的 onDestroy() 被调用");<br/>},
// index.js // 在 index.js 添加生命周期函数,注意 data:{} 后面要添加英文逗号 import router from '@system.router' export default { data: { title: 'World' }, onInit(){ console.log("index 页面的 onInit() 被调用"); }, onReady(){ console.log("index 页面的 onReady() 被调用"); }, onShow(){ console.log("index 页面的 onShow() 被调用"); }, onDestroy(){ console.log("index 页面的 onDestroy() 被调用"); }, clickAction(){ // console.log("我被点击了") router.replace({ uri:'pages/xunlian/xunlian', }); } }
启动 Debug 看看调试信息
原文链接:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203357560569140833&fid=0101303901040230869
作者:chatterzhao
相关文章推荐
- 连载《一个程序猿的生命周期》-《发展篇》- 21.“中兴事件”反应出的价值偏差
- js显示隐藏效果,其中注意了一个事件的应用
- 分享一个基于DDD以及事件驱动架构(EDA)的应用开发框架enode
- 分享一个C#自定义事件的实际应用
- 单击一个应用图标显示其它应用图标,单击其它应用图标则进入对应事件
- js显示隐藏效果,其中注意了一个事件的应用
- Tomcat 8.x 《应用》,监听器(生命周期监听器、事件监听器)
- 干货|领域事件在微服务内的一个应用案例
- 手表坏了怎么办??简单上手做一个
- 一个小应用解析webview,adapter,以及listview中item点击事件
- 使用 Apache OpenJPA 开发 EJB 3.0 应用- 处理实体生命周期事件的回调
- 最近,华为应用市场上线了一个服务
- 关于动态控件的事件响应和控件的生命周期的理解(应用)
- cocos2d-x Touch 事件应用的一个例子
- 委托和事件的应用,模拟一个战斗机防盗器
- Winform中的委托与事件 应用的一个小实例
- iOS的界面触摸事件处理机制,然后用一个实例来说明下应用场景.
- PWA介绍及快速上手搭建一个PWA应用的方法
- ios应用生命周期的事件
- cocos2d-x Touch 事件应用的一个例子