鸿蒙开发之页面与组件生命周期

一、页面间的跳转

创建文件的时候记得选择创建page文件，这样就可以在main->resources->profile->main_pages.json中自动形成页面对应的路由了。如果创建的时候你选择了ArkTS文件，那么需要手动修改main_pages.json文件中，添加相应的键值对。

在json文件中我们看到第二个页面的路由是"pages/Page222"。那么，我们在要执行跳转的地方使用如下代码完成跳转

router.pushUrl({url: "pages/Page222",
        //params是可选参数，可以做路由传值
        params:{
          'key1':'value1'
        }})

我们在Page222页面想要回到第一个页面，可以执行

 router.back()

想要获取路由传递过来的参数可以这样

//其中key1是路由传递参数的key
let value1 = router.getParams()['key1'] as string

二、页面的生命周期函数

//当页面出现的时候调用
onPageShow() {
    console.log('page1--onPageShow')
  }

//当页面销毁的时候调用
 onPageHide() {
    console.log('page1--onPageHide')
  }

//当手机的物理按键返回点击的时候调用
 onBackPress() {
    console.log('page1--onBackPress')
  }

所以，当我们开启预览的时候，第一个页面加载会先调用第一个页面的onPageShow。

当我们在点击跳转的时候，会先调用第一个页面的onPageHide，然后调用第二个页面的onPageShow。

当通过路由返回的时候先调用第二个页面的onPageHide，然后第一个页面的onPageShow。

三、被@Component修饰的组件

//组件出现的时候调用
 aboutToAppear() {
    console.log('page1----son --aboutToAppear')
  }

//组件消失的时候调用
  aboutToDisappear() {
    console.log('page1----son --aboutToDisappear')
  }