在Vuetify的pre-defined layouts中,有两个非常相似的示例代码:
<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>
?这应该达到什么目的?
当<router-view>
没有匹配的路线时,将显示<router-view>
的任何直接内容。它将被匹配的路由组件替换。它是占位符内容,直到匹配路线。