共计 1377 个字符,预计需要花费 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
正文完
发表至: android-studio
2020-10-10