Javascript 如何在vue中添加带有路由的新文件？

我有一个主router.js文件，我想在其中使用另一个文件routes-routeManagement

router.js：

import routesManagement from './routesManagement'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Dashboard',
    component: Dashboard
  },
  
  routesManagement,
]
export default router

RouteManagement.js：

import Tools from '../../views/management/Tools.vue'

const routeManagement = [
    {
        path: '/tools',
        name: 'Tools',
        component: Tools
    },
]
export default routeManagement

当我这样做时，应用程序停止工作，我得到一个错误：

Uncaught Error: [vue-router] "path" is required in a route configuration.

---

如何修复它？我做错了什么？

分解

路由管理

阵列：

const routes = [
  {
    path: '/',
    name: 'Dashboard',
    component: Dashboard
  },
  
  ...routesManagement,
]

---

分解

路由管理

阵列：

const routes = [
  {
    path: '/',
    name: 'Dashboard',
    component: Dashboard
  },
  
  ...routesManagement,
]

---

谢谢，它可以工作：）但是为什么

routesManagement

必须被解构才能正常工作？@Weronika

routesManagement

的值本身就是一个对象数组，顶级

const routes

变量需要有一个明确的形状才能与vue router一起工作，这是一个单亲数组，其子对象描述管线的形状。通过分解您的

routesManagement

数组，我们坚持这一点。谢谢，它是有效的：）但是为什么

routesManagement

必须分解才能正确工作？@Weronika

routesManagement

的值本身就是一个对象数组，顶级

const routes

变量应具有与vue router一起使用的显式形状，vue router是一个单亲数组，其子对象描述路由的形状。通过分解您的

路由管理

阵列，我们坚持这一点。