export, import 和 export default的区别

ES6的两个功能： export 和 import

export 对外输出模块

import 引入（加载）进来一个模块

一、export => import

单个变量

export var name = "lishi"

在其他文件里引用

import {name} from '/.a.js'

多个变量

var name = '111'
var name2 = '222'
export {name, name2}

引入

import {name, name2} from '....'

二、export default => import

export default name

其他模块引入

import name from '....'

1、export与export default均可用于导出常量、函数、文件、模块等

2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用

3、在一个文件或模块中，export、import可以有多个，export default仅有一个

4、通过export方式导出，在导入时要加{ }，export default则不需要