import导入分情况判断是否需要用花括号

文章讲述了在Vue开发中,关于import导入模块时是否使用花括号的ES6语法规则,包括default导出、非default导出、全量导入和对象导入的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用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())
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值