<template>
    <div id="app">
        <rs-header></rs-header>
        <router-view name="main"></router-view>
        <router-view name="sidebar"></router-view>
    </div>
</template>

<script>
    import rsHeader from './components/Header.vue'
    
    export default {
        name: 'app',
        components: {
            rsHeader,
        }
    }
</script>

这里就比较简单了 引入一个组件，然后在components里注册使用， 然后每个组件都是一个new实例 这里的app.vue也是 所以name用来给它命名  好排除错误？

允许组件模板递归地调用自身。注意，组件在全局用 Vue.component() 注册时，全局 ID 自动作为组件的 name。

指定 name 选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外，当在有 vue-devtools，未命名组件将显示成 <AnonymousComponent>，这很没有语义。通过提供 name选项，可以获得更有语义信息的组件树。