博主首页

import在js中为什么非要跟大括号,import时加{}与不加的区别

在javascript中,使用import语句导入模块时,加上花括号{}与不加的区别在于:

1.不加花括号

导入整个模块对象。

例如:

import axios from 'axios'

会导入整个axios模块,可以通过axios.get()等方法来使用它。

2.加上花括号

只导入模块中的指定变量或函数。

例如:

import { get, post } from 'axios'

只导入了axios模块中的get和post方法,可以直接使用get()和post()调用。

3.export default

3.1.如果导入的模块没有默认导出(即,没有export default语句),则,必须使用花括号来指定导入的变量或函数。

3.2.如果导入的模块有默认导出(即,有export default语句),则,可以使用不加花括号的语法来导入整个模块对象。

 

,vue2,vue3

posted @ 2025-01-13 16:35  笑~笑  阅读(324)  评论(0)    收藏  举报