关于android-studio:上手做一个华为鸿蒙手表应用-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.c…
  • JS API 的生命周期接口:https://developer.harmonyos.c…

这里咱们先从 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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理