Découvrir Vue.js 2

Raccourcir la syntaxe des évènements

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Utilisez une syntaxe plus courte pour les évènements. Ainsi, elle sera plus lisible et son utilisation sera plus intuitive.
01:52

Transcription

Alors, c'est une petite astuce très simple que je vais vous montrer qui est intéressante, et qui permet de réduire un petit peu le code. Ce n'est utilisable, attention, que pour deux directives qui sont fournies, et qui sont des directives déjà proposées par Vue js. Vous pourrez pas le faire avec les vôtres, c'est important de le savoir quand-même. Alors, v bind, qu'on a là, et v on, vous pouvez les modifier. Alors, v bind, en fait, on peut le modifier par deux-points, qu'on a là, et v on, on peut le modifier par arobase. Alors, ça fonctionne de la même manière quand on fait les modifications, et c'est vrai qu'on gagne un tout petit peu de place dans nos développements. Donc on peut remplacer ici tous nos v on par des arobases. C'est vrai que c'est un petit peu plus lisible, et puis on a moins de verbosité, pour le coup. Donc c'est pas trop mal. On pourra le faire aussi sur player, puisque on a un submit ici, donc tout ce qui est en v on, vous pouvez le modifier. Alors, attention, par contre, vous amusez pas ici, le v-html, à venir mettre deux-points, en pensant que on peut le faire aussi. Vous pouvez pas le faire. Vous allez voir, si je le fais, le gros problème que je vais avoir c'est que dans mon interface, quand je vais recharger ici, j'aurais plus le nom du joueur. Voyez, ça marche pas. Donc on ne peut le faire que pour v bind, c'est uniquement le seul pour lequel les : sont disponibles, et puis pour le arobase. Alors, ils ont proposé cette petite méthode rapide pourquoi ? Parce que c'est vrai que c'est ceux qu'on va utiliser quasiment le plus quand on va faire du Vue js. Donc, hésitez pas à l'utiliser si vous en avez besoin. Et puis, prenez l'habitude de faire des @ plutôt que des v-on. Ça permet de savoir que effectivement c'est des actions, et puis, à l'oeil, c'est beaucoup plus parlant, ça va plus vite, on comprend que, effectivement, ça c'est une action qui est liée à quelque chose dans votre interface. Donc, partez du principe que utiliser cette méthode est mieux. Ça vous permettra d'aller un petit peu plus vite. C'est une astuce, ni plus ni moins.

Découvrir Vue.js 2

Animez et rendez réactive la vue d’une application web avec le framework Vue.js. Mettez en place les interfaces web de demain​ ​et utilisez les librairies externes de votre choix.

2h25 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Vue.js Vue.js 2.1
Spécial abonnés
Date de parution :14 févr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !