====== Vue JS ======

{{ :informatique:2java:vuejs-favicon.ico|logo VueJS}}

  * [[https://grafikart.fr/formations/vuejs|formation Grafikart]]
  * [[https://vuejs.org/guide/quick-start.html|doc officielle, guide de démarrage]]

Pour connaître la version utilisée, <code bash>npm list vue</code>… le fichier //package.json// ne contient pas la version exacte (^3.4.29 -> et 3.5.8 via npm list vue !)
===== Pré-requis =====
Avoir node d'installé et npm, yarn ou autre\\
Avoir une bonne connaissance de JS, dont les [[:informatique:js#les_fonctions_flechees_arrow_function|fonctions fléchées]], les [[https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Map|map]], [[https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Array/filter|filter]], [[https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce|reduce]]

===== Installation =====
<code bash>npm create vue@latest</code>
qui va demander à installer le package //create-vue// si nécessaire, puis poser des questions à commencer par le nom du projet puis les dépendances (pour commencer, on répond non pour toutes)\\
une fois le projet créé, il nous invite à basculer dedans, lancer l'installation des dépendances et démarrer le serveur
<code bash>
cd nom-projet
npm install
npm run dev
</code>

===== Directives =====
[[https://vuejs.org/api/built-in-directives.html|doc officielle sur les directives]]