Vue.js – Les composants

Composants globaux

Les composants globaux sont utilisables dans une instance racine de Vue (new Vue)


<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>


<div id='app'>
    <bonjour></bonjour>
</div>



Vue.component('bonjour', {
    template: '<div><h2>Bonjour</h2></div>'
});

new Vue ({
    el: '#app'
});

Publier 21 juillet 2020 par sm2017 dans Vue.js - Les composants Commentaires fermés

Composants locaux

Les composants locaux sont uniquement utilisables dans le scope d’un autre composant ou de la Vue


<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>


<div id='app'>
    <bonjour-local></bonjour-local>
</div>


var Bonjour = {
	template: '<div> Ceci est un composant local</div>'
}

new Vue ({
    el: '#app',
    components:{'bonjour-local': Bonjour}
});

Publier 21 juillet 2020 par sm2017 dans Vue.js - Les composants Commentaires fermés

[an error occurred while processing this directive]