提出问题
在 vue教程：路由案例 中，打开页面，不能默认显示 学生管理 或 教师管理，需要点击超链接才行，这是不完美的
解决
添加一个 重定向 路由，解决：
如下：
var router = new VueRouter({
routes : [
{path: '/',redirect:'/student'},
{ path: '/student', component: std },
{ path: '/teacher', component: tch }
]
})
添加了 {path: '/',redirect:'/student'},，当访问 / 时，重定向到 /student 指定的组件
完整代码
修改 src/router/index.js 文件，内容如下：
<div id="app" >
<router-link to="/student">学生管理</router-link>
<router-link to="/teacher">教师管理</router-link>
<router-view></router-view>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-router@3.4.9"></script>
<script>
var std = { template: '<div>学生管理界面</div>' }
var tch = { template: '<div>教室管理界面</div>' }
var router = new VueRouter({
routes : [
{path: '/',redirect:'/student'},
{ path: '/student', component: std },
{ path: '/teacher', component: tch }
]
})
var app = new Vue({
el: '#app',
data: {
},
router:router
})
</script>