Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir Vue.js 2

Utiliser du code dans les templates

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Le framework permet d'utiliser du JavaScript et de manipuler les données directement dans les templates. Julien Moulin vous explique comment tirer parti de ces méthodes.
02:22

Transcription

Quand on utilise les interpolations, on a vu qu'on peut tout à fait venir écrire une information qui a été stockée à l'avance dans les data de notre composant. Il faut savoir quand-même qu'on a possibilité aussi d'écrire un petit peu de Javascript, par exemple des ternaires, ou même de venir modifier l'information, c'est exactement possible, on a cette possibilité dans le framework. En tout cas, il nous autorise à le faire. Alors ça veut dire quoi ? Ça veut dire que, concrètement, la partie qu'on a ici moi je pourrais la modifier, je pourrais dire, si il y a un score, alors à ce moment-là, ici, tu viens m'afficher votre score avec une concaténation du score, et puis n'oubliez pas de faire espace deux-points espace, pour avoir quelque chose de propre. Et sinon, je pourrais aussi lui marquer, à cet endroit-là, appuyez sur Entrée pour démarrer. Et ça, ça fonctionnerait parfaitement. C'est à dire qu'il va se baser sur cette propriété-là, et si il y a un score, il va m'afficher votre score, et si il y en a pas, tout simplement, appuyez sur Entrée pour démarrer. Alors, on pourra le modifier après aussi, pourquoi pas, avec quelque chose qui pourrait entrer dans le composant et un système d'événements un petit peu plus poussé On verra que c'est possible de faire comme ça, il y a énormément de possibilités, ce framework est assez complet et nous permet de gérer beaucoup, beaucoup de cas. En tout cas, voilà, sachez que vous avez possibilité d'écrire du Javascript à l'intérieur d'une interpolation. Ça c'est pas du tout un problème. Le framework nous donne la capacité de le faire. Vous pouvez même faire des vraies concaténations ou des vrais calculs sans aucun souci, et ça, ça peut être très utile si on a besoin par exemple d'avoir un formulaire de calcul de prix, de tarifs, en fonction de choses qui sont cliquées ou qui sont ajoutées. C'est très simple de le réaliser avec Vue.js. Alors, on va voir que ça fonctionne bien. On va vérifier ici effectivement, on voit bien qu'on a Appuyez sur entrée pour démarrer, donc, bien sûr, pour le moment, le score va pas être mis à jour du tout, mais l'idée c'était vraiment de vous montrer qu'on peut tout à fait utiliser dans l'interpolation qu'on a ici une condition en javascript, un ternaire très simple, et on pourrait même, pourquoi pas, appeler des fonctions javascript sans aucun souci. Donc là vous pouvez utiliser dat, vous pouvez utiliser mat, il y a beaucoup de possibilités, n'hésitez pas à le faire, c'est autorisé par le framework, donc profitez-en, c'est vraiment des choses intéressantes en termes de templating.

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 !