Svelte技术问题：如何在page.svelte中获取路由参数slug？

根据你使用的SvelteKit版本，有两种常见实现方式：

方式一：SvelteKit 2.x（当前最新稳定版） #

需要从$app/stores导入page存储，通过$page.params获取路由参数：

<script>
  import { page } from '$app/stores';
  let slug = $page.params.slug;
</script>

<!-- 模板中可直接使用变量 -->
<p>当前文章slug：{slug}</p>

方式二：SvelteKit 1.x #

旧版本支持直接导出params变量来获取路由参数：

<script>
  export let params;
  let slug = params.slug;
</script>

<p>当前文章slug：{slug}</p>

如果你的项目基于最新的SvelteKit，优先使用第一种方式，page存储还能提供路径、查询参数等更多路由相关信息。

内容的提问来源于stack exchange，提问作者morpheus