svelte-spa-router使用方法

Svelte-SPA-Router 的使用方法如下：

1. 安装 Svelte-SPA-Router：

npm install svelte-spa-router

2. 在 Svelte 组件中引入 Router：

import { Router, Link } from 'svelte-spa-router';

3. 在组件中定义路由：

<Router>
  <Route path="/" component={Home} />
  <Route path="/about" component={About} />
  <Route path="/contact" component={Contact} />
</Router>

4. 在组件中定义 Link，用于跳转到其他页面：

<Link href="/">Home</Link>
<Link href="/about">About</Link>
<Link href="/contact">Contact</Link>

5. 在组件中可以监听路由变化，例如：

import { onMount } from 'svelte';
import { goto } from 'svelte-spa-router';

onMount(() => {
  // 路由发生变化时触发
  goto('/about');
});

6. 你也可以在路由中定义参数，例如：

<Route path="/user/:id" component={User} />

在组件中可以通过 `$routeParams` 访问参数，例如：

import { $routeParams } from 'svelte-spa-router';

console.log($routeParams.id); // 输出用户 ID

这就是 Svelte-SPA-Router 的基本使用方法。更多详细的 API 可以参考官方文档。