export default vs export

export default vs export

_

1. export default vs export

语法

导出方式

导入方式

说明

export default wechatConfig

默认导出

import wechatConfig from '@/config'

一个文件只能有一个

export const wechatConfig = ...

命名导出

import { wechatConfig } from '@/config'

一个文件可以有多个

示例对比:

// 方式一:默认导出(你当前用的)
const wechatConfig = { appId: 'xxx' }
export default wechatConfig

// 导入
import wechatConfig from '@/config'
// 方式二:命名导出
export const wechatConfig = { appId: 'xxx' }
export const otherConfig = { ... }

// 导入
import { wechatConfig } from '@/config'
// 或者同时导入多个
import { wechatConfig, otherConfig } from '@/config'

建议:配置文件通常用默认导出就够了。

配置路由Vue Router 2026-01-28
vue配置路径别名 @ 2026-01-28

评论区