Global components, just as their name suggests, are available globally throughout your application. They are globally registered when you create them using Vue.component():
Vue.component('my-component-name', { ... })
Global components must be registered before the instantiation of the root Vue instance. After they've been registered, they can be used in the template of the root Vue instance, as follows:
Vue.component('component-x', { ... })
Vue.component('component-y', { ... })
Vue.component('component-z', { ... })
new Vue({ el: '#app' })
<div id="app">
<component-x></component-x>
<component-y></component-y>
<component-z></component-z>
</div>
Here, you can see that it is very easy to register global components – you might not even realize the registration process while creating them. We will look into this type of registration for Nuxt...
