Data Bersama di Berbagai Tata Letak
Muat data di tata letak induk dan akses data tersebut di halaman serta tata letak anak.
Data Bersama di Berbagai Tata Letak adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 4 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.
Pemuatan Tata Letak
+layout.js atau +layout.server.js dapat memuat data yang digunakan bersama oleh semua halaman di bawahnya.
Mengakses Data
Halaman menerima data yang digabungkan dari semua tata letak induk dan halaman itu sendiri.
export let data;
// data has both layout and page propertiesPewarisan dalam Komponen
Gunakan $page.data untuk mengakses data gabungan di mana pun dalam hierarki tata letak.
import { page } from "$app/stores";
<p>User: {$page.data.user?.name}</p>Autentikasi Tingkat Atas
Muat pengguna saat ini di tata letak akar; setiap halaman dapat mengaksesnya melalui $page.data.
Menghindari Duplikasi
Memuat data pada tata letak tertinggi yang memerlukannya mencegah pengambilan data berulang di setiap halaman.
Data Khusus Server
Untuk data sensitif, muat data tersebut di +layout.server.js agar tidak pernah sampai ke klien kecuali dirender.
Pengaliran
Pemuatan tata letak dapat mengalirkan Promise, sama seperti pemuatan halaman.
Penyelesaian Konflik
Data halaman menimpa data tata letak dengan kunci yang sama.
Pewarisan TypeScript
Tipe data halaman otomatis mencakup data tata letak induk melalui tipe yang dihasilkan.
Pembatalan Validasi
Gunakan invalidate untuk menjalankan ulang pemuatan tata letak tertentu sesuai kebutuhan.
import { invalidate } from "$app/navigation";
invalidate("app:user");Hierarki
Perlakukan tata letak sebagai hierarki data: akar untuk global, bagian untuk data khusus bagian, dan halaman untuk data khusus halaman.
Pemeriksaan Singkat
Bagaimana cara mengakses data tata letak di halaman?
Rangkuman
Pemuatan tata letak menyumbangkan data ke objek data gabungan yang tersedia bagi turunannya melalui properti data dan $page.data.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Data Bersama di Berbagai Tata Letak” gratis?
Ya — teks lengkap “Data Bersama di Berbagai Tata Letak” 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 “Data Bersama di Berbagai Tata Letak”?
Muat data di tata letak induk dan akses data tersebut di halaman serta tata letak anak. 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 4 dari 4.
Berapa lama pelajaran “Data Bersama di Berbagai Tata Letak” 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
- Grup Tata Letak dengan (group)
- Tata Letak Tingkat Rute
- Keluar dari Tata Letak dengan +page@route
- Data Bersama di Berbagai Tata Letak