Svelte 路由使用

Svelte 框架提供了一种方便的方式来实现路由，使用 Svelte 路由可以实现单页面应用程序。以下是使用 Svelte 路由的步骤：

1. 安装 Svelte 路由的依赖包：`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` 属性，可以方便地用来修改样式或者实现其他交互效果。