Javascript Vue.js ES6导入导出

我在ES6中使用babel导入多个模块时遇到了一个问题。我正在尝试在Vue.js中将我的应用程序构建为一个模块化组件（或者精确地说是Angular2中的功能结构）

现在，我的问题是，我如何才能导出和导入所有模块以完美地工作

假设对于moduleA路由，我有以下代码

//moduleA/routes.js
export const routes = [
{ path: '', name: 'home', components: {
    default: Home,
    'header-top': Header
} }
];

对于moduleB路线也是如此

//moduleA/routes.js
export const routes = [
{ path: '/user', components: {
    default: User,
    'header-bottom': Header
}, children: [
    { path: '', component: UserStart },
    { path: ':id', component: UserDetail },
    { path: ':id/edit', component: UserEdit, name: 'userEdit' }
] }
];

那么，我怎样才能导入并获得这项工作。请帮忙

---

谢谢

您需要告诉根路由器和根vuex模块所在的位置

因此，捆绑所有路线：

import { routes as moduleA } from './moduleA';
import { routes as moduleB } from './moduleB';

export default [ ...moduleA, ...moduleB, ];

对vuex执行相同的操作：

import { vuex from moduleA } from './moduleA';
import { vuex as moduleB } from './moduleB';

export default { moduleA, moduleB, };

现在，在您的全局

vuex/

中：

import Vue from 'vue';
import Vuex from 'vuex';

import vuex from '../app';

export default new Vuex.Store({
   modules: vuex,
});

对于您的

路由器/

：

import Vue from 'vue';
import Router from 'vue-router';
import { routers } from '../app';

Vue.use(Router);

export default new Router({
  routes: routes,
});

---

困难是什么？两者都在导出名为

的路由

？

import Vue from 'vue';
import Router from 'vue-router';
import { routers } from '../app';

Vue.use(Router);

export default new Router({
  routes: routes,
});