V容器在路由器视图中做什么？

Question

在Vuetify的预定义布局中，有两个非常相似的示例代码：

<v-app>
  <v-navigation-drawer app></v-navigation-drawer>
  <v-toolbar app></v-toolbar>
  <v-content>
    <v-container fluid>
      <router-view></router-view>
    </v-container>
  </v-content>
  <v-footer app></v-footer>
</v-app>

和

<v-app>
  <v-navigation-drawer app></v-navigation-drawer>
  <v-toolbar app></v-toolbar>
  <v-content>
    <router-view>
      <v-container fluid></v-container>
    </router-view>
  </v-content>
  <v-footer app></v-footer>
</v-app>

第二个在我的应用程序中看起来更好，但是它真的让我搞不懂它是如何工作的，。当<v-container>被路由内容替换时，<router-view>内部怎么会有<router-view>呢？这应该达到什么目的呢？

Answer 1

当该<router-view>没有匹配路由时，将显示<router-view>的任何直接内容。它将被匹配的路由组件替换。它是占位符内容，直到一个路由被匹配。