Jaetut tiedot layouteissa
Ladatkaa tietoja ylätason layoutissa ja käyttäkää niitä alisivuilla ja alilayouteissa.
Jaetut tiedot layouteissa on ilmainen Sveltejs Academy-oppitunti CoddyKitissä. Tämä on oppitunti 4/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Sveltejs Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
Layout-lataukset
+layout.js tai +layout.server.js voi ladata dataa, jonka kaikki sen alaiset sivut jakavat.
Datan käyttäminen
Sivu vastaanottaa kaikista ylemmistä layouteista ja sivulta itseltään yhdistetyn datan.
export let data;
// data has both layout and page propertiesPeriyttäminen komponenteissa
Käytä $page.data-muuttujaa yhdistetyn datan käyttämiseen kaikkialla layout-puussa.
import { page } from "$app/stores";
<p>User: {$page.data.user?.name}</p>Ylätason todennus
Lataa nykyinen käyttäjä juuritason layoutissa, jolloin jokainen sivu voi käyttää sitä $page.data-muuttujan kautta.
Toiston välttäminen
Datan lataaminen korkeimmalla sitä tarvitsevalla layout-tasolla estää toistuvat haut jokaisella sivulla.
Vain palvelimella oleva data
Arkaluontoista dataa varten lataa se tiedostossa +layout.server.js, jotta se ei päädy asiakkaalle muuten kuin renderöitynä.
Suoratoisto
Layout-lataukset voivat suoratoistaa Promiseja aivan kuten sivulataukset.
Ristiriitojen ratkaiseminen
Sivun data korvaa samannimisen layout-datan.
TypeScript-periytyminen
Sivun datatyypit sisältävät ylempien layoutien datan automaattisesti generoituja tyyppejä käyttämällä.
Invalidointi
Käytä invalidate-funktiota tiettyjen layout-latausten suorittamiseen uudelleen tarpeen mukaan.
import { invalidate } from "$app/navigation";
invalidate("app:user");Hierarkia
Käsittele layouteja datahierarkiana: juuri globaalille datalle, osiot osiokohtaiselle datalle ja sivut sivukohtaiselle datalle.
Pikatarkistus
Miten käytät layout-dataa sivulla?
Kertaus
Layout-lataukset lisäävät yhdistettyyn dataobjektiin tietoja, joka on jälkeläisten käytettävissä data-propin ja $page.data-muuttujan kautta.
Opi HTML tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 41
- Oppitunnit
- 163
Usein kysytyt kysymykset
Onko oppitunti ”Jaetut tiedot layouteissa” ilmainen?
Kyllä – oppitunnin ”Jaetut tiedot layouteissa” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Sveltejs Academy-kurssin, päivitä CoddyKit PROhon. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Jaetut tiedot layouteissa”?
Ladatkaa tietoja ylätason layoutissa ja käyttäkää niitä alisivuilla ja alilayouteissa. Harjoittelet Sveltejs Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Sveltejs Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Sveltejs Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 4/4.
Kuinka kauan ”Jaetut tiedot layouteissa”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Sveltejs Academy-oppitunnilla?
Kyllä. Jokainen Sveltejs Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Layout-ryhmät: (group)
- Reittitason layoutit
- Layoutista irtautuminen +page@route-tiedostolla
- Jaetut tiedot layouteissa