在Vue中的三种不同的模块导出方式：分别暴露、统一暴露和默认暴露。

 

一，分别暴露：

通过在模块中使用export关键字来分别导出多个变量、函数或组件。例如： test.js

export const person = {name:"bruce",age:33}
export function getPerson(){
  console.log(11)  
}

在另一个模块中，可以使用解构赋值来导入这些分别暴露的变量、函数或组件：

import {person,getPersion} from "test.js";

二，统一暴露： 

通过在模块中使用export关键字来统一导出多个变量、函数或组件。例如：test.js

const person = {name:"bruce",age:33}
function getPerson(){
  console.log(11)  
}

export {person,getPerson}

在另一个模块中，可以使用解构赋值来导入这些分别暴露的变量、函数或组件：

import {person,getPersion} from "test.js";

三，默认暴露： 

通过在模块中使用export default关键字来默认导出一个变量、函数或组件。例如：

test1.js

const person = {name:"bruce",age:33}


export default person 

在另一个模块中，可以使用解构赋值来导入这些分别暴露的变量、函数或组件：

import person from './test1';   

注意: 在默认导出中：

　　1.export default 只能导出一个默认模块，这个模块可以匿名；

　　比如上述中可以如下导出:

import obj from  './test1';

那么，obj就是test1.js中的导出的对象person