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