在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'