ES6的代碼暴露三種方式

多行暴露

• 導出

//a.js 多行暴露也叫按需導出
export function aa1(){
    console.log('分別導出1');
}
export function aa2(){
    console.log('分別導出2');
}

• 導入

//index.js
//必須使用解構賦值
import { aa1 , aa2 } from 'a.js'

統一暴露

• 導出

//b.js
function bb1(){
    console.log('綜合導出1');
}
function bb2(){
    console.log('綜合導出2');
}
export {bb1,bb2}

• 導入

//index.js
//必須使用解構賦值
import {aa1,aa2} from 'b.js'

默認暴露

• 導出

//c.js,在導出的時候,export default只能使用一次
export default function cc(){
    console.log('默認導出');
}

• 導入

//index.js
//使用自定義變量
import c from 'c.js'
c.cc()

引入並暴露

• 導出

//trademark.js文件
export default {
    getPageList(page, limit) {
        return request.get(`/admin/product/baseTrademark/${page}/${limit}`)
    }
}

• 導入

export { default as trademark } from "./trademark"