Sveltejs Academy · Ders

Düzenler Arasında Paylaşılan Veriler

Verileri bir üst düzende yükleyin ve alt sayfalardan ve düzenlerden bu verilere erişin.

4. ders / 413 adım

Düzenler Arasında Paylaşılan Veriler, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 4. 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.

Yerleşim Yüklemeleri

Bir +layout.js veya +layout.server.js dosyası, altındaki tüm sayfaların paylaştığı verileri yükleyebilir.

Verilere Erişme

Sayfa, tüm üst yerleşimlerden ve sayfanın kendisinden birleştirilen verileri alır.

export let data;
// data has both layout and page properties

Bileşenlerde Devralma

Birleştirilmiş verilere yerleşim ağacının herhangi bir yerinden erişmek için $page.data kullanın.

import { page } from "$app/stores";
<p>User: {$page.data.user?.name}</p>

Üst Düzey Kimlik Doğrulama

Mevcut kullanıcıyı kök yerleşimde yükleyin; her sayfa bu kullanıcıya $page.data aracılığıyla erişebilir.

Yinelemeyi Önleme

Verileri buna ihtiyaç duyan en üst yerleşimde yüklemek, her sayfada yinelenen getirme işlemlerini önler.

Yalnızca Sunucu Verileri

Hassas veriler için verileri +layout.server.js içinde yükleyin; böylece oluşturulmadığı sürece istemciye hiç ulaşmaz.

Akış

Yerleşim yüklemeleri, sayfa yüklemeleri gibi Promise değerlerini akış olarak iletebilir.

Çakışmaları Çözme

Aynı anahtara sahip sayfa verileri, yerleşim verilerinin üzerine yazılır.

TypeScript Devralması

Sayfa veri türleri, oluşturulan türler aracılığıyla üst yerleşim verilerini otomatik olarak içerir.

Geçersiz Kılma

Belirli yerleşim yüklemelerini isteğe bağlı olarak yeniden çalıştırmak için invalidate kullanın.

import { invalidate } from "$app/navigation";
invalidate("app:user");

Hiyerarşi

Yerleşimleri bir veri hiyerarşisi olarak ele alın: genel veriler için kök, bölüme özel veriler için bölümler, sayfaya özel veriler için sayfalar.

Hızlı Kontrol

Bir sayfada yerleşim verilerine nasıl erişirsiniz?

Özet

Yerleşim yüklemeleri, veri özelliği ve $page.data aracılığıyla alt öğelerin kullanımına sunulan birleştirilmiş bir veri nesnesine katkıda bulunur.

Başlamak ücretsiz

Yapay zeka eğitmeniyle HTML öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar
41
Dersler
163

Sıkça Sorulan Sorular

“Düzenler Arasında Paylaşılan Veriler” dersi ücretsiz mi?

Evet — “Düzenler Arasında Paylaşılan Veriler” 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.

“Düzenler Arasında Paylaşılan Veriler” dersinde ne öğreneceğim?

Verileri bir üst düzende yükleyin ve alt sayfalardan ve düzenlerden 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 4. dersidir.

“Düzenler Arasında Paylaşılan Veriler” 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

  1. (group) ile Düzen Grupları
  2. Yönlendirme Düzeyi Düzenleri
  3. +page@route ile Düzenin Dışına Çıkma
  4. Düzenler Arasında Paylaşılan Veriler
← Sveltejs Academy Sayfasına Dön