Mikä on Vuen template-syntaksi?

Question

Accepted Answer

Vue-mallit ovat **HTML-koodia, jota on parannettu direktiiveillä ja interpoloinnilla** — kirjoitat koodia, joka näyttää HTML:ltä, sekä erityisiä attribuutteja (direktiivejä, jotka alkavat `v-:llä`) ja `{{ }}` dynaamisille arvoille. ## Tekstin interpolointi (viikset) ```vue ``` `{{ }}` arvioi JavaScript-*lausekkeen* (ei lauseita) ja esittää tuloksen tekstinä, päivittyen automaattisesti, kun data muuttuu. ## Direktiivit — erityiset v- attribuutit ```vue ``` ## Lyhentäen syntaksi (käytetty kaikkialla) ```vue link ``` Lyhennysmerkinnät `:` (bind) ja `@` (on) ovat idiomattiset tavat kirjoittaa Vue-koodia — täydellistä muotoa `v-bind:`/`v-on:` näkee harvoin. ## Attribuutin sitominen vs interpolointi ```vue

``` Käytä `{{ }}` tekstisisällölle ja `:attr` attribuuttiarvoille — et voi asettaa viiksiä attribuutin sisään. ## Miksi se on tärkeää Template-syntaksi on Vue-käyttöliittymien kirjoittamisen sydän. Yhdistelmä `{{ }}`-interpolointia ja `v-`-direktiivejä (`:` ja `@` lyhenteineen) antaa sinun ilmaista dynaamisen, reaktiivisen käyttöliittymän deklaratiivisesti — luettava kuten HTML, mutta datavetoinen. Yleisten direktiivien hallitseminen on suurin osa päivittäisestä Vue-kehityksestä.