Outils pour utilisateurs

Outils du site


javascript:vuejs

Ceci est une ancienne révision du document !


Table des matières

Vue.js

Instance de Vue

new Vue({
 
    el: '#app', // ID de la div contenant l'application
 
    data: {
    },
 
    methods: {
 
        exemple: function(param1, param2) {
            // ...
        },
 
    }
})

Composant

Vue.component('mon-composant', {
 
    props: [
        'label',
        // ...
    ],
 
    template: '<span v-on:click="onClick">{{ label }}</span>',
 
    methods: {
 
        onClick: function() {
            console.log("Vous avez cliqué sur " + this.label);
        }
 
    }
})

Utilisation du composant dans l'HTML :

<mon-composant v-bind:label="Bla bla bla"></mon-composant>
javascript/vuejs.1591955597.txt.gz · Dernière modification: 2020/06/12 09:53 (modification externe)