前端:大家的API都是如何导入导出的?

Q:大家通常会选择下面哪种方案,指点一下理由;方案三中普通和箭头哪个更好?

方案一

// 分别导出
export function funA(){}
export function funB(){}
export function funC(){}
...

// 分别导入(按需)
import {funA,funB,...} from 'XX'

方案二

// 分别导出 + 默认导出
export function funA(){}
export function funB(){}
export function funC(){}
...

export default { funA,funB,funC }

// 可默认全部导入也可按需导入
import {funA,funB} from 'XX'import Api from 'xx'
Api.funA...

方案三

// 直接默认导出全部
export default {
    // 普通好?
    funA(){},

    // 箭头好?
    funB: () => {}
}
// 默认导入
import Api from 'XXX'
vue
讨论数量: 3

我选择第一种

2个月前 评论
JinBB 2个月前
qingshui (作者) 2个月前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!