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

1 简介

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

 

2 默认暴露

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

　　应用场景：只需要暴露一个属性时引用。

　　使用import 直接引用

//默认暴露
const a=(data)=>{
    return data+1
}
export default a
 
//引入
import a from '@/test/test'

 

3 统一暴露

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

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

 

4 分别暴露

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

　　

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