vue中export和export default 的区别

vue中export 和export default的区别

export：主要用于对外输出本模块变量的接口，一般定义一个单独的文件，一个文件就可以被理解为一个模块，export的作用就是导出。
import:与export对应的就是import，也就是导入。
在一个模块中同时可以使用export 和export default。

那么export和export default的区别是什么呢？

共同点：export 和export default都可以导出一个模块里的变量、函数、文件等；在其他文件中都是用import导入对应的变量、函数和文件等，这样就建立起来的对应关系。

区别：
   1.在一个模块中，可以有多个export，而export default只允许使用一次。
   2. 用export导出的东西，在import导入的时候要加{}，而export default不需要加。
   3. 用export导出的东西，导出的东西用{}包裹，在import 接收的时候必须严格按照导出的名称使用{}接收，而export default没有严格要求。
   4. export导出想要换变量接收，可以使用as换名称。比如

比如：

const settingConfig = 'grop';
export {settingConfig}
import {settingConfig} from ''

用as换名接收
import {setting as settingConfig} from ''

const settingConfig ='grop';
export default settingConfig
import settingConfig from ''