Více prvků a komentáře

Podívejte se na šablony, které jste zatím napsali: nadpis, odstavce a tlačítka vedle sebe, bez prvku, který by je všechny obaloval. To je v pořádku: šablona může mít na nejvyšší úrovni několik prvků a Vue je všechny vloží do #app. (Ve Vue 2, starší verzi, musela mít šablona nahoře právě jeden prvek, a tak starší kód často všechno obaluje do <div>.)

Komentáře se v šabloně píšou jako v HTML, mezi <!-- a -->. Prohlížeč je neukazuje:

<template>
    <!-- Ceny se mění každou sezónu. -->
    <p>Cheesecake, {{ cena }} Kč</p>
</template>

Každá část souboru .vue má komentáře svého jazyka: v <script setup> javascriptové // do konce řádku a /* */ na víc řádků a ve <style> /* */ z CSS.

Komentáře vysvětlují, co není jasné ze samotného kódu. Můžou také část šablony na čas vypnout: prvek uvnitř komentáře na stránce není, ale v kódu zůstává a dá se snadno vrátit. Programátoři tomu říkají zakomentovat.

Typické chyby:

• Javascriptové // v šabloně nefunguje. Je tam obyčejný text a stránka ho ukáže.