\n

Hello {name}!

\n\n\n

Framework

Tham Khảo Nhanh Svelte

Cheat sheet sẵn sàng để in cho Tham Khảo Nhanh Svelte, được sắp xếp để tra nhanh, học tập và dùng cạnh bàn làm việc

Nguồn
Svelte Documentation (svelte.dev)
Giấy phép
MIT
Cập nhật
2026-03-27

Mẫu

Nội dung cheat sheet này

  • Components
  • Reactivity
  • Props
  • Events
  • Bindings
  • Stores
  • Transitions
  • Slots
  • Context
  • Cơ bản về SvelteKit

Component cơ bản

<script>
  let name = "world";
</script>
<h1>Hello {name}!</h1>
<style>
  h1 { color: purple; }
</style>

Cấu trúc Component

<script>Logic component (JS/TS)
MarkupTemplate HTML với `{expressions}`
<style>CSS có phạm vi (tự động giới hạn trong component)
<script context="module">Chạy một lần mỗi module, không phải mỗi instance

Tải cheat sheet đầy đủ với tất cả các phần, sẵn sàng để in

Tải PDF

Tải xuống

Chọn dạng phù hợp với cách bạn đọc