分别暴露、统一暴露、默认暴露的使用和引入

在vue中一般通过export暴露,import引用,有三种常见的暴露方式: 

一、默认暴露:一个模块中默认暴露只能使用一次,而分别暴露、统一暴露可以使用多次

应用场景:只需要暴露一个属性时引用。使用import 直接引用

//默认暴露
const a=(data)=>{
    return data+1
}
export default a

//引入
import a from '@/test/test'

二、统一暴露:用于一个文件内暴露多个属性的场景,统一进行暴露,必须使用 import {} 命令接收

//暴露
const a =()=>{
    console.log(999);
} 
const b = 2
const c = 1 
export{a,b,c}
//引入
import {a,b,c} from '@/api/api'

三、分别暴露:用于一个文件内暴露多个属性的场景,分别暴露,每一个属性都进行暴露,使用 import {} 命令接收

//暴露
export  const a =()=>{
    console.log(999);
} 
export  const b = 2
export  const c = 1 
//引入
import {a,b,c} from '@/api/api'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值