Vue中 export default 和 export 區別
阿新 • • 發佈：2019-01-24
exp 普通 技術 port 關系 amd ring 大括號 沒有 1.export與export default均可用於導出常量、函數、文件、模塊等
2.在一個文件或模塊中，export、import可以有多個，export default僅有一個
3.通過export方式導出，在導入時要加{ }，export default則不需要 4. (1) 輸出單個值，使用
2.在一個文件或模塊中，export、import可以有多個，export default僅有一個
3.通過export方式導出，在導入時要加{ }，export default則不需要 4. (1) 輸出單個值，使用
export default
export
(3) export default與普通的export不要同時使用
示例：
1.export
//a.js
export const str = "blablabla~";
export function log(sth) {
return sth;
}
對應的導入方式：
//b.js
import { str, log } from ‘a‘; //也可以分開寫兩次，導入的時候帶花括號
2.export default
//a.js
const str = "blablabla~";
export default str;其實此處相當於為str變量值"blablabla"起了一個系統默認的變量名default，自然default只能有一個值，所以一個文件內不能有多個export default。對應的導入方式： //b.js import str from ‘a‘; //導入的時候沒有花括號
本質上，a.js文件的export default輸出一個叫做default的變量，然後系統允許你為它取任意名字。所以可以為import的模塊起任何變量名，且不需要用大括號包含import的文件會自動執行一次。
import會加載且僅加載一次導入的模塊
ES6模塊化與commonjs、amd區別：
ES6 模塊的設計思想是盡量的靜態化，使得編譯時
模塊化統一：
Vue中 export default 和 export 區別