es6理解export与import

export 语句用于从模块中导出函数、对象或原始值，以便其他程序可以通过 import 语句使用它们
导出的方式有两种，命名导出和默认导出
一个模块中可以定义多个命名导出，但是只允许有一个默认导出

导出单个特性

// src/lib/test.js
export let a = 1,b=2,c=3;//与 var 和 const 一样
export function functionName(){
    
}
export class className {
    c = 100;
    static e = 'static';
    constructor(a,b){
        this.a = a;
        this.b = b;
    }
}
//对应的 import
import {a,b,c,functionName,className} from '@/lib/test'

导出列表

// src/lib/test.js 上面的 export let a =1,b=2,c=3; 与下面效果一致
let a = 1;
let b = 2;
let c = 3;
export {a,b,c}
//对应的 import
import {a,b,c} from '@/lib/test'

导出默认值

// src/lib/test.js
let a = 1;
let b = 2;
let c = 3;
export default {a,b,c}
//对应的 import
import obj from '@/lib/test'

重命名导入可以使用 as 关键字
当导入默认值的时候，无需使用花括号，当使用命名导出的时候，需要使用花括号