vue 默认路由 懒加载路由 路由别名代指路径

1、默认路由 redirect

项目中不想用 / 定义首页的路由路径，可以使用 redirect 指代默认路由

{
	path: '/',
	redirect:"/recommended",//默认推荐页
},
{//推荐页
	path: '/recommended',
	name: 'recommended',
	component: resolve=>(require(["@/components/nav/recommended"],resolve)),//懒加载路由
},

/ 就是指代的 /recommended 路由路径

#### 2、懒加载路由

{//推荐页
	path: '/recommended',
	name: 'recommended',
	component: resolve=>(require(["@/components/nav/recommended"],resolve)),//懒加载路由
},

3、别名代指路径(别名路径一般都是用于子路由)

path:":id" // 路由跳转通过id跳转，路径名字为id名，就没有统一的路径了

{//推荐页
      path: '/recommended',
      name: 'recommended',
      component: resolve=>(require(["@/components/nav/recommended"],resolve)),
      children:[
        // 歌单详情页
        {
          path:":id",//:id表示传世不同id，id为变量
          component: resolve=>(require(["@/components/song-details/song-details"],resolve))
        }
      ]
    },

5781就是id，变成了路由