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

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

跪求大神。。

阅读 3.9k
2 个回答

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

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

let [login] = routers

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题