#鸿蒙通关秘籍#使用HarmonyOS的NavRouter实现组件化导航的方法？

在HarmonyOS中，NavRouter是一个用于简化页面跳转的组件。通过封装，减少了编写复杂逻辑的需求。

• 在主页面中定义NavRouter组件，内容示例如下：

Navigation() {
  List({ space: 12 }) {
    ForEach(this.arr, item => {
      ListItem() {
        NavRouter() {
          Text("导航到" + item)
            .onClick(() => {
              console.log('点击了' + item);
            })
          NavDestination() {
            Text("目标内容" + item)
          }
          .title("目标页面标题" + item)
        }
      }
    })
  }
}

NavRouter点击后，自动呈现目标页面的NavDestination内容，不需要手动管理页面跳转逻辑。