javascript - 反应位置中的异步路由

Question

我一直在看一些反应位置视频，并遇到了这个例子：

 [{
    path: "/",
    import: () =>
      import("./components/homeModule").then((module) => module.default),
  },
  {
    path: "product",
    children: [
      {
        path: ":id",
        import: () =>
          import("./components/pdpModule").then((module) => module.default),
      },
    ],
  }]

而不是在路由项本身中导入它上面的组件。这究竟是做什么的？这会提高性能吗？