SOURCE

Vue.component('custom', {
    name: 'custom',
    template: '<div>1</div>',
    beforeCreate() {
        console.log('beforeCreat - custom')
    },
    created() {
        console.log('create - custom')
    },
    beforeMount() {
        console.log('beforMounted - custom')
    },
    mounted() {
        console.log('custom')
    }
})

new Vue({
    el: '#app',
    beforeCreate() {
        console.log('beforeCreat - app')
    },
    created() {
        console.log('create - app')
    },
    beforeMount() {
        console.log('beforMounted - app')
    },
    mounted() {
        console.log('app')
    }
})

<div id="app">
    app

    <custom />
</div>