export和import 输出/接收模块变量的接口

ES6模块主要有两个功能:export和import
export:用于对外输出本模块(一个文件可以理解为一个模块)变量的接口
import:用于在一个模块中加载另一个含有export接口的模块。 (语法:import { name } from "/.a.js" //路径根据你的实际情况填写)
也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。
导出的方式3种
  1.export let a = 10;
  2.export {};
    1和2,他们引入的时候都要加{},并且名字必须要和导出的一直,他们可以有多个。
    或者: import * as Types from './action-types';
  3.export default
    一个文件中只能有一个,并且default之后引入的时候不能加{}。名字还可以随便起。也可以default一个对象(批量导出)
let a = 20;
//export default a;
export default{
    a,
    fn(){alert(1)},
    b=20,
}
原文地址:https://www.cnblogs.com/MrZhujl/p/10178452.html