Qu'est-ce que la syntaxe des templates Vue ?

Question

Accepted Answer

Les templates Vue sont **du HTML enrichi avec des directives et de l'interpolation** — vous écrivez du markup qui ressemble à du HTML, plus des attributs spéciaux (directives, commençant par `v-`) et `{{ }}` pour les valeurs dynamiques. ## Interpolation de texte (mustaches) ```vue ``` `{{ }}` évalue une *expression* JavaScript (pas des statements) et affiche le résultat sous forme de texte, se mettant à jour automatiquement quand les données changent. ## Directives — attributs v- spéciaux ```vue ``` ## Syntaxe raccourcie (utilisée partout) ```vue link ``` Les shorthands `:` (bind) et `@` (on) sont la manière idiomatique d'écrire Vue — vous verrez rarement la forme complète `v-bind:`/`v-on:`. ## Liaison d'attribut vs interpolation ```vue

``` Utilisez `{{ }}` pour le contenu texte et `:attr` pour les valeurs d'attributs — vous ne pouvez pas mettre de mustaches à l'intérieur d'un attribut. ## Pourquoi c'est important La syntaxe des templates est le cœur de l'écriture des UI Vue. La combinaison de l'interpolation `{{ }}` et des directives `v-` (avec les shorthands `:`/`@`) vous permet d'exprimer une UI dynamique et réactive de manière déclarative — lisible comme du HTML, mais piloté par les données. Maîtriser les directives courantes est l'essentiel du développement Vue au quotidien.