export, import 和 export default的区别

ES6的两个功能： export 和 import

export 对外输出模块

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

1、export => import

单个变量

export var name = "lishi"

在其余文件里引用

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

多个变量

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

引入

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

2、export default => import

export default name

其余模块引入

import name from '....'

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

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

三、在一个文件或模块中，export、import能够有多个，export default仅有一个

四、经过export方式导出，在导入时要加{ }，export default则不须要