码迷,mamicode.com
首页 > 其他好文 > 详细

上手做一个华为鸿蒙手表应用 4 - 生命周期事件

时间:2020-11-12 13:26:37      阅读:10      评论:0      收藏:0      [点我收藏+]

标签:ons   col   def   data   ati   top   uid   create   ESS   

> **接上一篇**:[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

上手做一个华为鸿蒙手表应用 4 - 生命周期事件

标签:ons   col   def   data   ati   top   uid   create   ESS   

原文地址:https://blog.51cto.com/14772288/2541066

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!