效果 注意顶部路径变化

 router.js 路由页面配置

使用 alias:’‘  配置其他路径即可

import Vue from 'vue'
import Router from 'vue-router'
import index from '@/components/index'
import son2 from '@/components/son2'

Vue.use(Router)

const router =new Router({
    routes: [
        {
            path: '/',
            component: index,
            redirect:'/son1',
            children:[
                {
                    path: '/son2',
                    name:"son2",
                    component: son2,
                    alias:'/winter'
                },
            ]
        },
    ]
});
export default router;