关于Vue中的import、export、export default的区别以及用法

关于Vue中的import、export、export default的区别以及用法

先看看import export 之间的区别

• import表示导入
• export表示导出

//first.js文件

//导出
export var name="z3";

//second.js文件
//导入
import {name} from './first'
console.log(name)//打印 z3
//.first就是first.js文件。后缀略

再看看export和export default之间的区别

//first.js文件

export default var name="z3";

//second.js文件
import name from './first'
console.log(name)//打印 z3

总结：

• export与export default之间最大的区别就是前者需要{变量}后者不需要{}包裹，并且后者import xxx from './first'1时名字可以随便取
• 一个JS文件中，只能有一个export default；但是，一个JS文件中，可以有多个export。