栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

上手做一个华为鸿蒙手表应用 4

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

上手做一个华为鸿蒙手表应用 4

接上一篇:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202356576775850798&fid=0101303901040230869
本节内容: 生命周期事件
源码仓库地址: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 的生命周期接口开始

这里就不画图了,直接用张荣超老师视频教程上的截图,没有哪帧图片没有字幕,抱歉了
这里生命周期跟,小程序很像

app.js

为了方便看生命周期,将 app.js 的
console.info("Application onCreate"); 改为:console.log("应用创建")'

console.info("Application onDestroy");改为:console.log("应用销毁");

//  app.js
// 修改后的代码如下
export default {
    onCreate() {
 console.log("应用创建");
    },
    onDestroy() {
 console.log("应用销毁");
    }
};
index.js

为了方便看生命周期,使用console.log打印
onInit(){ console.log("index 页面的 onInit() 被调用"); }, onReady(){ console.log("index 页面的 onReady() 被调用"); }, onShow(){ console.log("index 页面的 onShow() 被调用"); }, onDestroy(){ console.log("index 页面的 onDestroy() 被调用"); },

// 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

转载请注明:文章转载自 www.mshxw.com
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号