标签：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 的生命周期接口开始
> 这里就不画图了，直接用张荣超老师视频教程上的截图，没有哪帧图片没有字幕，抱歉了
这里生命周期跟，小程序很像
### 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("应用销毁");
}
};
为了方便看生命周期，使用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‘,
});
}
}
原文链接：https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203357560569140833&fid=0101303901040230869
作者：chatterzhao
标签：ons col def data ati top uid create ESS
原文地址：https://blog.51cto.com/14772288/2541066
