在vue开发的过程中，常用到暴露和引入，常见的暴露与引入方式是通过export暴露通过import引入，下面分别讲解一下：分别暴露、统一暴露、默认暴露的应用场景和使用方法。

一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。

用法：

//输出变量用法1
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;

//输出变量用法2
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;
export {firstName, lastName, year};

//输出函数用法1
export function multiply(x, y) {
  return x * y;
};
//输出函数用法2
function v1() { ... }
function v2() { ... }

export {
  v1 as streamV1,
  v2 as streamV2,
  v2 as streamLatestVersion
};

//输出类
export default class { ... }

一、分别暴露

应用场景：用于一个文件内暴露多个属性的场景，分别暴露，每一个属性都进行暴露

//暴露
export  const a =()=>{
    console.log(999);
} 
export  const b = 2
export  const c = 1 
//引入
import {a,b,c} from '@/api/api'
//使用：可直接通过a,b,c获取
created(){
    a()
    console.log(b,c);
  }

二、统一暴露

应用场景：用于一个文件内暴露多个属性的场景，统一进行暴露

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

三、默认暴露

应用场景：对于只需要暴露一个属性的时候使用

//暴露
const a =(data)=>{
    return data+1
} 
 
export default a
//引入
import a from '@/api/api'
 
//使用
created(){
    console.log(a(5));
  }