Basic Svelte
Bindings
Classes and styles
Advanced Svelte
Advanced reactivity
Motion
Advanced bindings
Advanced transitions
Context API
Special elements
<script module>
Next steps
Basic SvelteKit
Introduction
Routing
Loading data
Headers and cookies
Shared modules
API routes
$app/state
Errors and redirects
Advanced SvelteKit
Page options
Link options
Advanced routing
Advanced loading
Environment variables
Conclusion
動的なパラメータ付きのルート(routes)を作成するには、角括弧を使用して有効な変数名を囲みます。例えば、src/routes/blog/[slug]/+page.svelte
というファイルは、/blog/one
、/blog/two
、/blog/three
などにマッチするルート(route)を作成します。
そのファイルを作成してみましょう。
src/routes/blog/[slug]/+page
<h1>blog post</h1>
これで、/blog
ページから個々のブログ記事に移動できるようになりました。次の章では、そのコンテンツをロードする方法を見ていきます。
少なくとも1つの静的な文字で区切られていれば、1つの URL セグメント内に複数のルートパラメータを使用することができます。
foo/[bar]x[baz]
は有効なルートで、[bar]
と[baz]
は動的なパラメータです。
1
2
<p>home</p>