export { default as用法——as-重命名

1、export的用法：

export可以让我们把变量，函数，对象进行模块话，提供外部调用接口，让外部进行引用。先来看个最简单的例子，把一个变量模块化。我们新建一个temp.js文件，然后在文件中输出一个模块变量。

// temp.js文件

export var a = 'jspang';

然后可以在index.js中以import的形式引入。

import {a} from './temp.js';
console.log(a);

1.1、多变量的输出（temp.js）

// temp.js文件

var a ='js';
var b ='技术应用';
var c = 'web';

export {a,b,c} //包装成对象{}

1.2、函数的模块化输出（temp.js）

export function add(a,b){
    return a+b;
}

as的用法

有些时候我们并不想暴露模块里边的变量名称，而给模块起一个更语义话的名称，这时候我们就可以使用as来操作。

// temp.js文件

var a ='js';
var b ='技术应用';
var c = 'web';

export {
    x as a,
    y as b,
    z as c
}

index.js

import {x,y,z} from './temp.js';

export default的使用

加上default相当是一个默认的入口。在一个文件里export default只能有一个。
我们来对比一下export和export default的区别

1.export

export var a ='js';

export function add(a,b){
    return a + b;
}
//index.js引入
import {a,add} form './temp';//也可以分开写

2.export defalut

export default var a='jspang';
//index.js引入
import str from './temp';

https://blog.csdn.net/weixin_44867717/article/details/124142489