Shrnutí

V této lekci jste se naučili, že:

• v-if="podminka" dá prvek na stránku, jen dokud podmínka platí. v-else-if a v-else jsou hned za ním a Vue ukáže jen první prvek, jehož podmínka platí. Každé v-if začíná nový řetězec.
• v-show nechá prvek na stránce a jen ho skryje, pomocí display: none. Hodí se na věci, které se často ukazují a skrývají; jinak použijte v-if.
• v-for="polozka in nabidka" vytvoří prvek pro každou položku pole. Potřebuje :key="polozka.id", klíč, který zůstane u své položky, ne pořadí položky, které se změní, když se položky odebírají.
• (polozka, index) in nabidka dá i pořadí, od 0, a n in 5 počítá od 1 do 5.
• <template> seskupí prvky pro v-if nebo v-for a sám na stránce není.
• v-if a v-for nikdy nepatří na stejný prvek: dejte v-for na <template> kolem něj.
• Prázdný seznam si zaslouží zprávu: v-if="objednavka.length === 0" na zprávě a v-else na seznamu.
• v-for může procházet to, co vrátí funkce, třeba polozkyVKategorii('čaj'), která filtruje nebo řadí. Řaďte nové pole, nikdy samotný stav.

V další lekci, Miniprojekt: Seznam na výlet, využijete všechno z posledních čtyř lekcí v seznamu věcí na víkend na horách.

Nejdřív si ale vše procvičte na stolech v kavárně, které jsou volné, nebo obsazené.