Vue中ES6引入变量怎么引进来的数据为空？

Question

1.在一个js文件A中使用export暴露一个变量router
2.在另一个js文件B中使用import {router} from ...
3.js文件B中console.log(router)打印出来的值为空....
4.如图：
A文件：

B文件：

跪求大神。。

Answer 1

你要解构的对象是一个数组，所以应该这样

let routers = [{path: "/login", title: "login"}, {path: "/register", title: "register"}]

let [login] = routers

注意数组应该使用方括号，而对象才应该使用大括号。
另外，模块语法应尽量保持一致，为什么一遍用ES6的import，一遍用Common.js

Answer 2

A文件的写法有问题。可以试试这样：

const route = [{...}, {...}];
export {
    route
}

再从B中引入A，应该就没问题了。