js文件中import时，加{}和不加{}的区别

js文件中import中加{}和不加{}的区别

大括号的加与不加取决于import来源的js文件。如果来源js中export时明确指定export组件的名称，那么加大括号并且大括号中指定引用组件的名称，如果来源js是默认输出，那么引用时不用大括号，且名称随意。如下：

不加{}

A.js

export default aa;

export const A = 333;

B.js

// B.js 引用 A.js
import A from './A'
import MA from './A'
import Something from './A'

加{}

A.js

// 定义了组件aa
export {aa};
// 或export aa;

B.js

import {A} from './A.js'