svelte-routing 使用方法

使用 Svelte 路由可以实现单页面应用程序。下面是使用 svelte-routing 的简单示例：

1. 安装 svelte-routing 的依赖包：`npm install --save svelte-routing`

2. 在 Svelte 组件中引入路由组件：`import { Router, Route, Link } from 'svelte-routing';`

3. 在 `<Router>` 标签中定义路由规则，例如：

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

4. 在组件中使用 `<Link>` 标签来跳转到其他页面，例如：

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

这样就可以实现基本的路由功能了。当用户点击 `<Link>` 标签时，应用程序会自动切换到相应的页面，并且在浏览器的地址栏中更新 URL。同时，当前活动页面的路由规则会被添加一个 `active` 属性，可以方便地用来修改样式或者实现其他交互效果。

除了上述基本用法，svelte-routing 还提供了一些其他的功能，例如：

- 嵌套路由
- 动态路由
- 路由守卫
- 自定义路由匹配规则

更多详细的使用方法和示例可以参考 svelte-routing 官方文档：https://github.com/EmilTholin/svelte-routing