SvelteKit 中非页面组件的数据加载

Question

我正在 SvelteKit 中开发一个应用程序，其中多个非页面组件需要加载数据，我希望这样做类似于 +page.ts 和 +page.server.ts 如何提供方便和类型安全。 SvelteKit 不支持并行路由（即具有多个命名槽的布局），以便我使用多个页面（并不是说我喜欢它们与项目目录结构的路由耦合）。由于我的单页加载并不需要所有数据，您将如何解决这个问题？

Answer 1

您可以在组件的 script 标签中从您想要的页面导入 PageData

<script lang="ts">
    import type { PageData } from '../routes/teste/$types';
    export let data: PageData;

    const pageData = data.test;

    console.log(pageData);
    
</script>