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 關鍵字
當導入默認值的時候，無需使用花括號，當使用命名導出的時候，需要使用花括號