<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'
});

Testez vos propres exemples sous Jsfiddle. Cliquez ici

<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}
});

Testez vos propres exemples sous Jsfiddle. Cliquez ici