Vue.js 2 : les composants (1/2)

Vous connaissez peut-être les Web Components. C'est un nouveau standard qui permet d'enrichir le HTML de façon modulaire. En gros on peut créer une entité qui utilise des éléments HTML et des fonctionnalités propres, le tout facile à intégrer avec une simple balise personnalisée. On peut espérer que ce standard réduira la prolifération des widgets [...]

Vue.js 2 : accesseurs et mutateurs

Dans les articles précédents nous avons vu comment stocker des valeurs dans le modèle et comment les lier à la vue. Dans cet article nous allons voir comment intervenir au passage lorsque nous stockons une donnée dans le modèle et lorsque nous l'extrayons. Accesseurs et mutateurs Ce vocabulaire, accesseurs (getters) et des mutateurs (setters), est [...]

Vue.js 2 : double liaison

Contrairement à ce que le titre de cet article pourrait suggérer il ne s'agit pas de mœurs dissolues mais toujours de notre librairie Javascript. On a vu au cours des articles précédents qu'on peut facilement établir un lien entre le modèle et la vue et que, si le modèle change, alors la vue change aussi [...]

Vue.js 2 : on se répète…

On a vu qu'on pouvait établir une liaison entre une propriété dans le modèle et un élément dans la vue. Mais pour le moment on a utilisé des valeurs simples : nombre ou chaîne de caractères. Dans de multiple cas on aura besoin d'afficher des valeurs contenues dans un tableau ou un objet. Comment procéder [...]

Vue.js 2 : action !

Je vous ai dit dans le précédent article que vue.js est destiné à créer des interfaces interactives. Pour le moment je ne vous l'ai pas encore prouvé ! Dans cet article on va voir comment on gère les actions de l'utilisateur. La directive v-on Pour intercepter les événements survenant au niveau de la vue vue.js [...]

Vue.js 2 : on se lance !

Vue.js est une librairie pour créer facilement des interfaces web interactives. Dans cet article nous allons voir dans un premier temps comment l'installer et dans un deuxième temps les concepts clés ainsi qu'un petit exemple de réalisation pour illustrer. Il existe un site très bien fait auquel vous pouvez vous référer. Mais évidemment tout y [...]