vue 路由模板

1.项目大了点话，都在一个路由文件里配置路由会显得臃肿不移维护，所以把路由配置单独抽离到一个文件里
文件路径：src > router > router.js

import Home from '@/views/Home.vue'

export const routes =[
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/home',
    name: 'home',
    meta: {
      title: '首页'
    },
    component: Home
  },
  {
    path: '/about',
    name: 'about',
    meta: {
      title: '关于'
    },
    component: () => import('@/views/About.vue')
  },
  {
    path: '/login',
    name: 'login',
    meta: {
      title: '登录'
    },
    component: () => import('@/views/Login.vue')
  },
  {
    path: '*',
    name: '404',
    component: () => import('@/views/404.vue')
  },
]

2.路由主文件
文件路径：src > router > index.js