Lekce 19 - Úkolníček ve Vue - Komponenty
V minulé lekci, Úkolníček ve Vue - Server GraphQL, jsme se podívali na datový model úkolů, zprovoznili si GraphQL server s API rozhraním a načetli si tetovací úkoly.
V tomto VueJS tutoriálu budeme pokračovat v dalším vývoji naší aplikace Úkoly. Zaměříme se na strukturu komponent a vylepšíme vzhled aplikace.
Rozvržení aplikace Úkolníček
Naše aplikace bude SPA, neboli bude mít jen jednu stránku. Nebudeme tedy
potřebovat žádné routování. Hlavní komponenta App.vue
,
vstupní bod celé aplikace, bude obsahovat komponenty pro záhlaví
ZahlaviAp.vue
a pro seznam úkolů SeznamUkolu.vue
.
Ten bude hlavní funkční komponentou, v níž budou všechny aktivní prvky
aplikace. Seznam úkolů se bude skládat z komponenty pro ovládací prvky v
záhlaví seznamu OvladaniAp.vue
, seznamu komponent pro každý
úkol JedenUkol.vue
a komponenty pro výpis chyb
VypisChyby.vue
.
Z výše uvedeného tedy vyplývá, že struktura aplikace je následující:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V této lekci si navrhneme strukturu komponent aplikace Úkolníček a vytvoříme si základ pro hlavní komponenty.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.