Skip to content

IUT-Javascript/tp4-vuejs-correction

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

VueJS

ATTENTION : pour ce tp nous n'utilisons pas la norme SFC (https://vuejs.org/guide/scaling-up/sfc.html), nous n'aurons donc pas de fichier .vue

Sujet du TP

  1. Intégrer VueJS (via CDN) au sein de votre page index.html
  2. Mettre en place une balise H1 qui sera alimentée par une variable VueJS
  3. Initialiser la balise TITLE à la création de l'application
  4. Créer un composant form-add-article composer d'un champ title, d'un champ description et d'un bouton Submit et l'afficher sur la page
  5. A la validation du formulaire, il faut récupérer le contenu des champs et créer un objet json composé d'un attribut title et d'un attribut description et le log
  6. Afficher un message d'erreur si l'un des 2 champs n'est pas correct
  7. Une fois la news créée, la faire remonter au composant parent via un l'event add-news qui ajoutera la news dans un tableau allNews accessible par la vue
  8. Afficher le contenu présent dans la variable allNews
  9. Créer un composant article, qui affichera un titre et une description qui seront reçu depuis les props.
  10. Utiliser ce composant depuis le fichier index.html. Les éléments affichés par le composant seront passés par la vue.
  11. Rajouter un évènement au clic sur le titre d'un article qui inversera la valeur de l'attribut isRead.
  12. Si un article a son attribut isRead à true alors il faut afficher la mention (lu) à droite du titre de l'article.

Ressources

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published