VueJs – les composants
Avant de continuer dans d’autres techniques de VueJs, nous devons voir l’essentiel : les composants. En effet, dans VueJs, l’objet principal c’est le composant.
Lire la suite
Les appels http GET POST en VueJs
Les appels HTTP (vers des WEBAPI) en VueJs peuvent être implémentés grâce au package NPM vue-resource.
Ce dernier vous permet de faire des appels http GET / POST et de facilement envoyer des données en JSon par exemple sans rafraîchir la page et sans bloquer la fenêtre en attendant le résultat qui arrivera de manière asynchrone.
Lire la suiteTraduire son site VueJs pour le rendre Multi-lingue
Traduire son site VueJs pour le rendre Multi-Lingue est très simple. Il suffit d’utiliser un package NPM bien pratique : vue-i18n.
Lire la suiteVueJs: les instructions de base
Dans VueJs, les instructions ou plutôt directives de base sont celles qu’on retrouve dans tous les langages de programmation: l’affichage conditionnel IF, ELSEIF, ELSE et les boucles FOR.
Lire la suite
VueJs et les différents types de binding : v-bind, v-model, v-html
Qu’est-ce que le binding ?
En javascript, on s’abonne à des événements pour agir sur la modification d’un contrôle html et répercuter cette modification sur autre chose.
En VueJs, plus besoin de faire tout cela, on a des directives VueJs qui permettent de le faire pour nous. Les directives sont des mots clés à ajouter dans le code html directement.
Le binding est une manière de lier la valeur d’un contrôle html à une variable de notre composant VueJs. Je vous détaille les différents types de binding dans cet article avec un exemple concret pour chacun d’eux.
Lire la suite
VueJs: qu’est-ce que c’est et par où commencer ?
Qu’est-ce que c’est ?
VueJs est un framework javascript évolutif, léger, facile à utiliser et à apprendre. En quelques mots, VueJs permet d’ajouter des fonctionnalités dynamiques aux pages html en exécutant du code javascript côté client. Ainsi, pas besoin d’aller-retour vers le serveur, la page Web n’est plus rafraîchie à tout bout de champ, vous pouvez faire des traitements directement dans le navigateur Web et même faire des appels au serveur Web distant en asynchrone (on envoie une demande au serveur et on attend la réponse sans bloquer la page Web et sans devoir la rafraîchir).
Lire la suite