ES6 export default

前言：

export default 功能：导出当前文件中的常量、函数、文件、模块等。

举例：

导出：

下面两种写法等价：

方法1：

test.js 文件内容：

//直接声明导出的同时，定义成员内容：
export default {
    name: 'zs',
    age: 20
}

方法2：

test.js 文件内容：

//先定义 info：
var info = {
    name: 'zs',
    age: 20
}
//然后导出成员： info
export default info

引入：

main.js文件内容:

//在 main.js 中接收 test.js 通过 export default 向外导出的成员，在 main.js 导入时将该成员重新命名为了 person 。
import person from './test.js'

console.log(person);

总结：

1、export default 向外 导出 其中的所有成员，可以使用 任意变量 来接收
2、在一个模块中，export default 只允许向外 导出 一次
3、在一个模块中，可以同时使用 export default 和 export 向外 导出 成员
4、使用export向外 导出 的成员，只能使用 { } 的形式来接收，这种形式，叫做【按需导出】
5、export可以向外 导出 多个成员，同时，如果某些成员，在 import 导入时，不需要，可以不在 { } 中定义
6、使用 export 导出 的成员，必须严格按照导出时候的名称，来使用 { } 按需接收
7、使用 export 导出 的成员，如果想换个变量名称接收，可以使用 as 来起别名

例如

复制代码
// test.js
var info = {
    name: 'zs',
    age: 20
}
export default info

export var title = '小星星'

export var content = '哈哈哈'

在main.js中接收，test.js使用export default 和 export 向外暴露的成员

import person, {title, content as content1} from './test.js'
console.log(person);
console.log(title + '=======' + content1);

引用：
作者：254980080
链接：https://www.cnblogs.com/qq254980080/p/10321564.html