Sommaire

Utilisation de Vue JSVue.js

Pour utiliser le framework Vue.js, il faut tout d’abord installer ses packages :

npm install vue-loader vue vue-template-compiler --dev

puis il faut activer Vue.js dans le fichier Webpack.config.js.

Ajoutez-y la ligne :

.enableVueLoader()

Le but n’est pas ici d’apprendre comment fonctionne le framework Vue.js. Pour plus d’informations là-dessus, il vous est suggéré de vous référer au site : https://vuejs.org

Nous allons juste, pour prendre un exemple, créer un petit programme Vue.js qui incrémentera un compteur de vues.

Comme pour Sass, nous allons installer les bibliothèques additionnelles JavaScript de Bootstrap.

Sur le terminal de VSCode, tapez la commande :

npm install jquery popper.js --dev

Nous avons déjà installé Bootstrap précédemment, ; inutile de le réinstaller.

jQuery est une bibliothèque de JavaScript qui permet d’effectuer des animations.

Modifiez le fichier assets/js/app.js :

import "../css/app.scss"; 
const $ = require(’jquery’); 
require(’bootstrap’); 
import Vue from ’vue’; 
 
$(document).ready(function() { 
  $(’[data-toggle="popover"]’).popover(); 
}); 
 
Vue.component(’button-counter’, { 
    data: function () { 
      return { 
        count: ...