这里面<router-view></router-view>特别重要,因为在menu.js中,挂在了App.vue,所以App.vue最先被渲染,而当我们添加了vue-router以后完成路由跳转的功能,而跳转到的视图会最先显示在App.vue的<router-view></router-view>中。

倘若子视图也有<router-view></router-view>,则子视图的路由需要有children属性,也就是说children里的孙子视图会被渲染到该子视图的<router-view></router-view>

App.vue里的template默认有一个<div id='app'></dive>,后面再写的<div>不影响它默认有一个#app,无指定宽高则默认为页面大小。

 

Logo

前往低代码交流专区

更多推荐