export 和 export default 區別

相信很多初學者學習vue時，會經常看到export 和 export default 的使用,但兩者有啥區別呢？

1、export與export default均可用於匯出常量、函式、檔案、模組等\
2、你可以在其它檔案或模組中透過import+(常量 | 函式 | 檔案 | 模組)名的方式，將其匯入，以便能夠對其進行使用\
3、在一個檔案或模組中，export、import可以有多個，export default僅有一個\
4、透過export方式匯出，在匯入時要加{ }，export default則不需要

var name="李四";
export { name }
//import { name } from "/.a.js" 
可以寫成：
var name="李四";
export default name
//import name from "/.a.js" 這裡name不需要大括號

再看第3條，在一個檔案或模組中，export、import可以有多個，export default僅有一個，也就是說如下程式碼：

var name1="李四";
var name2="張三";
export { name1 ,name2 }

也可以寫成如下，也是可以的，import跟他類似。

 var name1="李四";
 var name2="張三";
 export name1;
 export name2;

本作品採用《CC 協議》，轉載必須註明作者和本文連結