鸿蒙开发之页面与组件生命周期-Toy模板网

这篇具有很好参考价值的文章主要介绍了鸿蒙开发之页面与组件生命周期。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、页面间的跳转

创建文件的时候记得选择创建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。文章来源地址https://www.toymoban.com/news/detail-757381.html

三、被@Component修饰的组件

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

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

到了这里，关于鸿蒙开发之页面与组件生命周期的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！