dokuwiki-arar

Outils pour utilisateurs

Outils du site

Piste : • vuejs
informatique:vuejs

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
informatique:vuejs [2026/01/07 17:05] – [1ère "bind"] bertrandinformatique:vuejs [2026/02/27 14:41] (Version actuelle) – ancienne révision (2026/01/07 17:23) restaurée bertrand
Ligne 129: Ligne 129:
 </code> </code>
 <note important>La ligne **:key="movie"** n'est dans l'absolue pas indispensable, mais si on l'omet, Vue, lors du trie, va redéfinir les lignes au lieu de simplement les ré-organiser</note> <note important>La ligne **:key="movie"** n'est dans l'absolue pas indispensable, mais si on l'omet, Vue, lors du trie, va redéfinir les lignes au lieu de simplement les ré-organiser</note>
 +
 +ajoutons un petit formulaire pour ajouter un film :\\ 
 +dans le template 
 +<code html>
 +<form action="" @submit.prevent="addMovie">
 +  <input type="text" placeholder="nouveau titre de film"
 +    v-model="movieName">
 +  <button>Ajouter</button>
 +</form>
 +</code>
 +dans le //script//
 +<code javascript>
 +const movieName = ref('')
 +const addMovie = () => {
 +  movies.value.push(movieName.value)
 +  movieName.value = '' // On vide après la soumission
 +}
 +</code>
 ===== Directives ===== ===== Directives =====
 [[https://vuejs.org/api/built-in-directives.html|doc officielle sur les directives]] [[https://vuejs.org/api/built-in-directives.html|doc officielle sur les directives]]
informatique/vuejs.1767805503.txt.gz · Dernière modification : de bertrand