Use Custom Components in Custom Components

[OfficialCRUGG]

I think the title is pretty self-explanatory: How would I use CustomButton inside CustomNavbar for example?

I import CustomNavbar in the index.html File using:

new Vue({
    el: "#root",
    components: {
        "custom-navbar": httpVueLoader("js/components/CustomNavbar.vue"),
    }
});

which by itself works. But now I want to use CustomButton inside the CustomNavbar File. How would I do this?

[tavvvv]

Import it inside the CustomNavbar.vue like this:

<template>
    <custombutton></custombutton>
</template>

<script>

    module.exports = {

        components:{
            'custombutton': httpVueLoader('js/CustomButton.vue'),
        },

        data: function(){

            return {

            }

        },

    }

</script>
<style>

</style>

Alternatively you can register the component globally using the httpVueLoader.register() method