export和export default

（1）export default导出的变量引用时不需要方括号{}

//在某个模块定义时
export default function f1(){}
export function f2(){}

一般来说，一个模块如果只有一个变量导出，那就最好使用export default；如果没有default，引用时就要用方括号{}。

//在其他模块引入时
import f1 from 'xxx'

//在其他模块引入时，加了方括号webpack会产生警告
import {f1} from 'xxx'  //warning

//在其他模块引入时，分开引入
import f1 from 'xxx'  
import {f2} from 'xxx'  

（2）export 导出的变量引用时需要方括号{}

//在某个模块定义时
export function f1(){}
export function f2(){}

这种时候即使只引入一个变量，引用时也最好用方括号{}，否则会有警告

//在其他模块引入时
import {f1，f2} from 'xxx'

//在其他模块引入时
import {f1} from 'xxx'

//在其他模块引入时,警告
import f1 from 'xxx' //warning