V tomto projekte si vytvoríme komplexnejší nákupný zoznam. Bude pozostávať z viacerých stránok, a napojíme ho aj na server, kde sa budú ukladať dáta.

Pre koho je kurz vhodný?

Tento kurz odporúčame ľuďom ktorí sa už s Vue stretli, a majú v ňom základné znalosti. V prípade že ste s Vue ešte nepracovali vám odporúčame prvú časť tohto kurzu

Čo nové sa naučíme?

• pracovať s vue-router
• vytvárať stránky a componenty
• robiť requesty na server

Zadanie

Vytvoríme nákupný zoznam, ktorý bude pozostávať z 2 obrazoviek a to list a detail. V liste budeme načítavať, vytvárať a mazať nákupné zoznamy (napr. Piatkový obed). V detaile nákupného zoznamu budeme načítavať, vytvárať a mazať jeho položky (napr. maslo).

Screen list

Na túto stránku pridaj hore formulár pre pridanie nového zoznamu. Pod formulárom vypíš všetky zoznamy ktoré načítaš z backendu. Každý zoznam musí mať aj tlačidlo zmazať.

Screen detail

Na tejto stránke budeme mať hore vypísaný názov nákupného zoznamu a možnosť zmazať zoznam. Pod ním bude formulár na pridanie novej položky, a za ním budú vypísané všetky položky v danom zozname. Každá položka bude mať pri sebe aj tlačidlo zmazať.