鍍金池/ 問(wèn)答/HTML5  HTML/ Vue中ES6引入變量怎么引進(jìn)來(lái)的數(shù)據(jù)為空？

Vue中ES6引入變量怎么引進(jìn)來(lái)的數(shù)據(jù)為空？

1.在一個(gè)js文件A中使用export暴露一個(gè)變量router
2.在另一個(gè)js文件B中使用import {router} from ...
3.js文件B中console.log(router)打印出來(lái)的值為空....
4.如圖：
A文件：
clipboard.png
B文件：
clipboard.png

跪求大神。。

回答
編輯回答
吢丕

A文件的寫法有問(wèn)題。可以試試這樣：

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

再?gòu)腂中引入A，應(yīng)該就沒(méi)問(wèn)題了。

2018年6月16日 11:54
編輯回答
巫婆

你要解構(gòu)的對(duì)象是一個(gè)數(shù)組，所以應(yīng)該這樣

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

let [login] = routers

注意數(shù)組應(yīng)該使用方括號(hào)，而對(duì)象才應(yīng)該使用大括號(hào)。
另外，模塊語(yǔ)法應(yīng)盡量保持一致，為什么一遍用ES6的import，一遍用Common.js

2018年8月6日 05:33