Veri Döndürme ve $page.data Kullanımı
load'dan veri döndürün ve data özelliği aracılığıyla sayfa bileşeninde bu verilere erişin.
Veri Döndürme ve $page.data Kullanımı, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
data Özelliği
Sayfa, yükleme işlevinin döndürdüğü değerle doldurulan özel bir data özelliği alır.
<!-- +page.svelte -->
<script>
export let data;
</script>
<ul>{#each data.items as it}<li>{it.name}</li>{/each}</ul>Tür Güvenli
SvelteKit, TypeScript ile yükleme işlevinden data özelliğine kadar türleri otomatik olarak oluşturur.
<script lang="ts">
import type { PageData } from "./$types";
export let data: PageData;
</script>Birden Çok Özellik
Birden çok anahtar döndürün; her birine data.key üzerinden erişin.
Tepkisellik
Gezinme sırasında data özelliği tepkisel olarak güncellenir. Bağlamalar yeniden işlenir.
$page Deposu
Üst verilere her yerden $app/stores içindeki $page üzerinden erişin.
import { page } from "$app/stores";
<p>Current path: {$page.url.pathname}</p>Yerleşim Verilerini Birleştirme
Yerleşim yüklemesi ile sayfa yüklemesi tek bir veri nesnesinde birleşir ve sayfa ağacının her yerinden erişilebilir.
Özel Özellikler
Diziler, nesneler, ilkel değerler ve hatta akış için vaatler gibi serileştirilebilir tüm değerleri aktarabilirsiniz.
İşlevlerden Kaçınma
İşlevler serileştirilemez; davranış değil, yalnızca veri döndürün.
Varsayılanlar
load hiçbir şey döndürmezse data değeri {} olur.
Depolarla Birleştirme
Genel erişim sağlamak için bağlama sırasında depoları load verileriyle doldurabilirsiniz.
Sayfa Hataları
load bir hata fırlatırsa en yakın +error.svelte görüntülenir. data ayarlanmaz.
Hızlı Kontrol
Bir bileşende load tarafından döndürülen değere nasıl erişirsiniz?
Özet
Yükleme verilerini data özelliği üzerinden alın. URL, parametreler ve rota bilgileri için $page kullanın.
Sıkça Sorulan Sorular
“Veri Döndürme ve $page.data Kullanımı” dersi ücretsiz mi?
Evet — “Veri Döndürme ve $page.data Kullanımı” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“Veri Döndürme ve $page.data Kullanımı” dersinde ne öğreneceğim?
load'dan veri döndürün ve data özelliği aracılığıyla sayfa bileşeninde bu verilere erişin. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“Veri Döndürme ve $page.data Kullanımı” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- +page.js load İşlevi
- Veri Döndürme ve $page.data Kullanımı
- load'da Hata İşleme
- Yalnızca Sunucu Mantığı için +page.server.js