Tutoriel Vidéo Laravel VueJS Module de commentaires : Frontend

Télécharger la vidéo Télécharger les sources

Avant d'attaquer ce tutoriel vous pouvez suivre la première partie

Maintenant que notre API est fonctionnelle on peut commencer à créer notre partie frontend. Notre but est de créer un composants que l'on va pouvoir réutiliser facilement :

<comments :id="1" model="Post"></comments>

On pourra créer des attibuts supplémentaires comme l'ip, le CSRF token ou le token d'authentification si besoin.

VueJS & VueX

Pour la partie composant nous allons utiliser VueJS et morceler notre composants en plusieurs morceaux :

  • <comment :comment="comment">, représentera un commentaire
  • <comment-form :id="1" model="Post" :reply="3">, permettra de rendre le formulaire d'ajour de commentaire ou de réponse.

Le problème de notre système est que l'on va avoir besoin de faire communiqquer ces différents composants ensemble. Pour cela nous allons utiliser Vuex