export 加default:

// 第一组  test.js
export default function func() { // 输出
  // ...
}

import "anyname" from 'test'; // 输入  anyname可以自定义任何名字

不加default

// 第二组 explain.js
export function func1() { // 输出
 // ...
};
export function func2() { // 输出
 // ...
};

import  { func1, func2 }  from 'explain'; // 输入     必须要带{}，必须跟export出的名字一样

一个js文件中，只能有一个export default；

一个js文件中，可以有多个export。

export default 用法如下：

//export-default.js 这是一个模块文件export-default.js，它的默认输出是一个函数

export default function () {
  console.log('foo');
}

// 或者写成
export default function foo() {
  console.log('foo');
}
 
// 或者写成
function foo() {
  console.log('foo');
}
 
export default foo;

// import-default.js
import customName from './export-default';
customName();  //'foo'
// 这是的import命令，可以用任意名称指向export-default.js输出的方法，这时就不需要知道原模块输出的函数名。
// 需要注意的是，这时import命令后面，不使用大括号。

总结： export default 输出后，其他模块加载该模块的东西时，import命令可以为该东西指定任意名字。

export default就是输出一个叫做default的变量或方法，然后系统允许你为它取任意名字

// 正确
export var a = 1;
 
// 正确
var a = 1;
export default a;
 
// 错误
export default var a = 1;
//上面代码中，export default a的含义是将变量a的值赋给变量default。所以，最后一种写法会报错。

export default 命令的本质是将后面的值，赋给default变量，所以可以直接将一个值写在export default之后

// 正确
export default 42;
 
// 报错 原因这一句报错是因为没有指定对外的接口，而前一句指定外对接口为default。
export 42;

export不加default

引入的时候必须按名字引入，且要带花括号

import { type } from “@/utils/type”
import { fun1,fun2 } from “@/utils/type”