export和export default是做什么的呢？

export和export default是用来导出常量、函数、文件、模块的。是ES6语言。

export和export default都要如何使用呢？

export具体使用

设置变量，然后使用export导出

//--------------第一种方式：定义变量与导出分开------------------------------
var one = "export导出"
var two=["AAA","BBB","CCC"]
export { one, two }
//--------------导出与定义变量直接一起写--------------------------------
export var three="直接导出"

在使用该变量的地方引入

import {one,two,three} from "../js/test.js"
//打印
console.log(one+","+two+","+three);

打印的结果为：

 

特点：

        ① 导出时需要和导入的变量名称相同
        ② 如果导出和定义变量分开，导出时变量名加{}
        ③ 导入的时候变量名必须加{}
        ④ 可以有多个export语句

export default具体使用

其实export default和export的功能是一样的，但是一个文件里面只能有一个export default语句。
export default是把所有{}中所有的内容都赋值给default，然后当我们导入的时候也可以改变名称，但是其实是把所有的default导入了。

先设置需要导出的数据：
 

var onePart="导出1"
var twoPart="导出2"
var threePart=[
  {
    name:"第一个",
    type:"数组1"
  },
  {
    name:"第二个",
    type:"数组2"
  }
]
export default{
  onePart,twoPart,threePart
}

导入数据 

//导入数据
import all from "../js/test.js"
//打印数据
console.log(all)

显示的结果：

 特点：
        ① 引入时，可以变成不同的名称
        ② 直接把所有内容都导出
        ③ 引入时，设置的变量名不用加{}
        ④ 只能有一个export default语句

原文地址：https://blog.csdn.net/make_1998/article/details/107116077?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162659862316780357250767%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=162659862316780357250767&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v29-8-107116077.first_rank_v2_pc_rank_v29&utm_term=export+%E4%B8%8Eexport+default&spm=1018.2226.3001.4187