关于Vue项目的router分文件

将Vue项目中的router文件分成多个文件

在写一个前端文件的时候采用了Vue+elementUI的框架。知道利用component将组件分开，那么router里面的index.js按理说应该也可以分开。

第一步：创建一个单独的路由文件。

在router文件下创建一个test.js文件。

//添加需要的组件
import Test from '../components/test.vue'

export default {
    routes: [
        {
        //配置一个简单的路由
            path: '/test',
            component: Test, 
        }
    ]
}

创建好一个简单的路由。

第二步：在主路由文件index.js中引用创建好的test.js路由文件

//导入test.js文件
//./表示当前文件同级文件里面
import test from './test'

const routes = [
//将test.js中的路由“复制到这里”
  ...test.routes
]

至此，便可以将路由文件分离多个。