Konten Cadangan Slot
Render konten bawaan di dalam ketika induk tidak memberikan apa pun.
Konten Cadangan Slot adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Konten Bawaan di Dalam Slot
Konten yang ditempatkan di dalam tag <slot> ditampilkan ketika komponen induk tidak menyediakan apa pun.
<button>
<slot>Click me</slot>
</button>Bawaan yang Tepat
Sediakan nilai bawaan yang masuk akal dan berfungsi dalam sebagian besar kasus tanpa keterlibatan komponen induk.
Cadangan Slot Bernama
Slot bernama juga mendukung konten cadangan.
<slot name="title">Default Title</slot>Strategi per Slot
Anda dapat memiliki strategi cadangan yang berbeda untuk setiap slot. Padukan sesuai kebutuhan.
Diganti Saat Diisi
Jika komponen induk menyediakan konten, cadangan akan sepenuhnya diganti.
Berguna untuk Komponen Tanpa Tampilan
Komponen antarmuka tanpa tampilan sering memiliki cadangan minimal; pengguna dapat menyesuaikannya sepenuhnya.
Hindari Cadangan yang Berat
Buat nilai bawaan tetap kecil. Cadangan yang besar memperberat komponen yang tidak digunakan.
Ikon dan Label
Ini umum untuk tombol ikon: cadangan menampilkan ikon umum jika tidak ada ikon yang diberikan.
Menggabungkan dengan Kondisi
Cadangan berpadu dengan baik bersama pemeriksaan $$slots untuk pola lanjutan.
Tidak Boleh Ada Markup?
Cadangan dapat menyertakan markup apa pun, termasuk komponen lain.
Uji Visual
Selalu pratinjau komponen tanpa konten slot apa pun untuk melihat cadangannya.
Pemeriksaan Singkat
Kapan cadangan slot ditampilkan?
Ringkasan
Letakkan konten bawaan di antara tag <slot> untuk menyediakan cadangan ketika komponen induk tidak menyertakan konten.
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 41
- Pelajaran
- 163
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Konten Cadangan Slot” gratis?
Ya — teks lengkap “Konten Cadangan Slot” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Konten Cadangan Slot”?
Render konten bawaan di dalam ketika induk tidak memberikan apa pun. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.
Berapa lama pelajaran “Konten Cadangan Slot” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Slot Bawaan untuk Proyeksi Konten
- Slot Bernama dengan slot="name"
- Konten Cadangan Slot
- Memeriksa Konten Slot dengan $$slots