使用Vue时发现程序中的import导入时有时会用花括号有时不用。
import axios from "~/axios"
import { ref, reactive } from "vue"
import { login } from "~/api/manager"
于是做了一些搜索整理和测试,记录如下:
import导入(包括export:导出)模块使用花括号是ES6中的语法,而且分为几种情况:
1. 导入部分引入的是default不用花括号,非default时,要使用花括号。
我上面的axios里面正是使用export default的方法,而login则是用的export const login。其它通过export function fxxx(){}导出的方法或函数也是要加上花括号{ fxxx }。
2。全部导入时不用花括号,导入部分时使用花括号
import animal from './animal'
import {name, fly} from './animal'
3. 将整个模块当作单一对象进行导入,使用*号不用花括号,该模块的所有导出都会作为对象的属性和方法存在
import * as test from "./test.js"
console.log(test.name)
console.log(test.getName())
文章讲述了在Vue开发中,关于import导入模块时是否使用花括号的ES6语法规则,包括default导出、非default导出、全量导入和对象导入的情况。
3245

被折叠的 条评论
为什么被折叠?



