Vue.js / NativeScript: вложение других компонентов из родительского компонента или условная загрузка компонентов из app.js?

Question

Есть ли предпочтительная архитектура при написании приложений Vue? Я использую NativeScript (в Vue) для создания мобильного приложения, и оно очень похоже на Vue.js, к которому я привык.

Желательно ли иметь ОДИН базовый компонент, который загружается все время, а затем этот компонент отвечает за вложение других компонентов. Или лучше сделать то, что я сделал ниже, и app.js позаботится о том, какой компонент загрузить?

import Vue from 'nativescript-vue';

import HelloWorld from './components/HelloWorld';
import Second from './components/Second';

new Vue({

    template: `
        <Frame>
            <FirstMain @change-to-second="changeToSecond" v-if="this.showIt"/>
            <SecondMain v-if="!this.showIt"/>
        </Frame>`,

    components: {
        FirstMain,
        SecondMain
    },
    data() {
        return {
            showIt: true
        }
    },
    methods: {
        changeToSecond: function () {
            console.log("testing")
            this.showIt = false;
        }
    }
}).$start();