关于es6通过import导入,什么时候需要花括号

最近做项目的时候,总有萌新问,什么时候通过花括号来取模块中的变量,这里简单说明一下。

当你默认导出一个变量或者方法等的时候,也就是你在模块A中,export default a ,那么你导入时,始终不需要花括号,即:

//模块A中
const a = 12
export default a


//模块B中

import a from './A'  //这边的 a 可以重命名,不影响使用,所以可以这么写
import every from './A'

但是如果你没有默认导出,而是通过 export const a 这种方式的话,导出是需要拿到模块中具体变量的,因此你需要通过解构这种方式来拿到模块中具体的变量。即:

//模块A中

export const a = 12


//模块B中

import {a} from './A'  //这时的 a 是 解构出的具体变量,因此不可以直接起别名,通过下面这种方式重命名
import {a as another}from './A'  //这个时候在模块B中可以用another来使用A中定义的模块和方法

简单总结,默认导出,不需要花括号。希望可以帮助到小伙伴们

上一篇:封装Vue可选择列导出表格组件


下一篇:祝贺我们的王坚博士当选院士!