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"