Scribd Logo
Importer

Bienvenue sur Scribd !

  • 85 vues

    Présentation Vuejs Salma Elbarbori

    Transféré par

    SALMA EL BARBORI
    Exemple d'une presentation du Framework de Javascript Vue

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    Présentation Vuejs Salma Elbarbori

    Transféré par

    SALMA EL BARBORI
    85 vues9 pages
    Exemple d'une presentation du Framework de Javascript Vue

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Exemple d'une presentation du Framework de Javascript Vue

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    85 vues9 pages

    Présentation Vuejs Salma Elbarbori

    Transféré par

    SALMA EL BARBORI
    Exemple d'une presentation du Framework de Javascript Vue

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 9

    Présentation du

    Framework Vuejs
    Encadré par : Hicham BENALLA
    Présenté par : Salma EL BARBORI
    Sommaire

    1. Définition Vue.js.
    2. Avantages du Vue.js
    3. Installation et création du premier projet vue.js
    4. Fonctionnement des composants du framework Vue.js.
    5. Cas pratique
    Définition Vue.js

    Vue.js (aussi appelé plus simplement Vue), est un framework


    JavaScript open-source utilisé pour construire des interfaces utilisateur
    et des applications web monopages. Vue a été créé par Evan You et est
    maintenu par lui et le reste des membres actifs de l'équipe principale
    travaillant sur le projet et son écosystème.
    Les avantages d’utilisation du framework Vue.js

    01 Sa syntaxe d’écriture est simple.

    02 Couvre toutes les fonctionnalités qu’on peut attendre d’un toolkit GUI.

    03 Documentation détaillée.

    04 Petite taille.

    05 Architecture de communication bidirectionnelle


    Installation Vue.js
    Pré-requis: Lancer le projet: Helloworld!

    ● Installer un client Git.


    ● Installer Nodejs.
    ● Installer npm en exécutant >> cd monprojet
    simplement la commande npm >> npm install
    install npm@latest -g.
    >> npm run dev
    ● Installer le client Vue, vue-cli en
    tapant npm install -g vue-cli.
    Fonctionnement des composants du framework Vue.js.

    Une instance de VueJS contient :

    EL(element): Utilisée pour mapper l’instance à un élément HTML et se connecter avec DOM.
    Données: Nous permettent de lier des éléments de données avec DOM pour une réaction dynamique sur la page Web au lieu de
    recharger tout le contenu.
    Méthodes: Ensemble de fonctions/méthodes pour une structure de programme modulaire.
    Calculé(computed): Il nous aide à effectuer des calculs et des transformations sur nos données.
    Regarder(watch): Il exécute la méthode/le code lors des modifications de données. Il exécute automatiquement le code en cas de
    modification de toute autre méthode ou interaction de l’utilisateur avec la page Web.
    Modèle: Cette propriété est chargée de créer des éléments HTML à partir de l’instance.
    Exemple
    app en HTML Vue #app
    new Vue({
    el:'#app',
    <div id="app"> data:{ courses:[
    <ul> {id:1,title:"learn
    <li v-for="course in MERN"},
    courses">{{course.title}} {id:2,title:"learn Web
    </li> Dev"},
    </ul> {id:3,title:"learn
    </div> DataBase"}
    ]
    },
    Cas pratique: Calculatrice
    pour effectuer des calculs simples:
    Addition, Multiplication, Division, Soustraction, Pourcentage
    Merci !
    pour votre attention, et vos interactions.

    Vous aimerez peut-être aussi