使用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())