三种暴露和其引入方式

分别暴露：

export const a = 10
export const getData = () => { }
// 对外暴露的实质是 {a,getData}

引入

// 按需引入【逐个引入】
import {a,getData} from './test'
// 全部引入【统一引入】
import * as Dome from './test'

引入并暴露

export {a,getData} from './test' 【暴露的为多个单个数据，模块化不合适】

export * as Dome from './test' 【暴露的为一个模块】

// 对外暴露的实质是 ： {Dome:{a,getData}}

统一暴露：

const a = 10
const getApp = () => { }
export {
    a,
    getApp
}
// 对外暴露的实质是 ： {a,getApp}

引入
// 按需引入【逐个引入】
import {a,getApp} from './test'
// 全部引入【统一引入】
import * as Dome from './test'

引入并暴露
export {a,getAPP} from './test' 【暴露的为多个单个数据，模块化不合适】

export * as Dome from './test' 【暴露的为一个模块，模块化常用】

// 对外暴露的实质是： {Dome:{a,getApp}}
 

默认暴露：

=========== 书写方法一 ==========
export default {
    getBpp(){
        
    },
    a:20
}
========== 书写方法二 ==============
const a = 10,
const getBpp = () => {}
export default {
    a,
    getBpp
}
/对外暴露的实质是 ： {default:{a,getBpp}}

引入
 简写形式
import Dome from './test'
 完整形式
import {default as Dome} from './test'

引入并暴露[不可使用简写形式]
export {default as Dome} from './test'
 暴露的实质是：{Dome:{a,getBpp}}