Vue.js 2 par la pratique

Michel Martin

• Éditeur: Mediaforma Learning
• Année: 2020
• ISBN de l'eBook: 9782373270549
• Sujet: Informatique
• Sujet: Programmation en JavaScript

Cet ouvrage a été conçu pour les programmeurs JavaScript qui veulent apprendre à utiliser le framework Vue.js. Contrairement aux autres frameworks JavaScript, Vue.js peut être adopté au fur et à mesure des besoins. Il peut également cohabiter avec une logique JavaScript existante sans interférer avec elle. Vous utiliserez Vue.js pour: •Ajouter des fonctionnalités à un projet existant•Créer des interfaces utilisateur réactives from scratch (en partant d'une page blanche).•Créer des applications Web SPA (monopage).•Créer des applications mobiles (Android et Apple). Aujourd'hui, Vue.js est un framework très populaire. Certainement car il est simple à mettre en place, qu'il offre de très bonnes performances et qu'il peut être utilisé de façon plus ou moins poussée, en fonction des besoins.Cet ouvrage est avant tout pratique. À travers de très nombreux exemples, il va vous montrer les différentes facettes de Vue.js. Je ne peux vous conseiller qu'une chose: expérimentez le code par vous-même et progressez à votre rythme.Happy coding!

Partie 1
Ce que vous devez savoir avant de commencer

Cette partie regroupe un ensemble de techniques et de pratiques que vous devez absolument connaitre avant de vous lancer dans la programmation Vue.js. Si vous maîtrisez la programmation en ES6+, vous pouvez passer directement à la deuxième partie de l'ouvrage.

ECMAScript

ECMAScript 6 (ES6) a vu le jour en 2015. Il s'agit d'une mise à jour majeure du langage JavaScript. La dernière mise à jour majeure (ES5) datait de 2009.

ES6 n'est que partiellement supporté par les navigateurs actuels, et vous devrez utiliser un transpileur comme Babel pour coder en ES6.

Mais à terme, dans quelques années, lorsque ES6 aura été intégré dans les moteurs JavaScript des navigateurs, vous pourrez directement coder en ES6.

Les prochaines pages vont vous montrer les principales nouveautés de JavaScript ES6 et des versions suivantes (une version par an).

let et const remplacent var

Les mots-clés let et const remplacent le mot-clé var … à quelques nuances près.

Examinez ce code :

<button id="bouton" onclick="traitement();">Cliquez ici</button>

<script>

function traitement() {

if (true) {

let uneVariable = 1;

}

alert(uneVariable);

}

</script>

Lorsque le bouton est cliqué, une erreur se produit, car la variable uneVariable n'est pas définie. Si on avait utilisé var à la place de let, aucune erreur ne se serait produite.

La variable uneVariable n'a donc d'existence que dans le bloc if lorsqu'elle est déclarée avec le mot-clé let. Alors qu'une variable déclarée avec var a une existence dans le bloc où elle est définie : ici la fonction traitement() grâce au hoisting (hissage).

Attention

Les variables déclarées avec un let ne peuvent pas être redéclarées avec un let dans le même bloc.

D'autre part, elles n'introduisent pas les effets de hissage propres au mot-clé var. Elles doivent donc être déclarées avant d'être utilisées.

Le mot-clé const permet de définir une constante. Impossible de modifier par la suite la valeur d'une constante. Par exemple, le code suivant produit une erreur à l'exécution :

const i = 500;

i++; // Cette instruction produit une erreur

Examinez ce code :

const chat...

Table des matières

• Pourquoi cet ouvrage ?
• Partie 1 Ce que vous devez savoir avant de commencer
• Partie 3 Les composants Vue.js
• Partie 4 Les applications SPA (Single Page Applications)