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
通常、SvelteKit ではページをリフレッシュすることなくページ間を移動できます。この演習では、/
と /about
の間を移動してもタイマーが動き続けますが、これは移動のときにリフレッシュしていないからです。
まれに、この動作を無効にしたいときがあります。data-sveltekit-reload
属性を個々のリンクやリンクを含む要素に付けると、これを実現できます:
src/routes/+layout
<nav data-sveltekit-reload>
<a href="/">home</a>
<a href="/about">about</a>
</nav>
<<<<<<< HEAD link options とその値に関する詳細な情報については、link options のドキュメントをご参照ください。
For more information on available link options and their values, consult the link options documentation.
sveltejs/main
previous next
1
2
3
<h1>home</h1>
<p>this is the home page.</p>