vue中export和export default

**Vue 中 export 和 export default 的区别**

在 Vue 中，`export` 和 `export default` 是两个常见的导出模块的方式。虽然它们看起来很相似，但实际上有着重要的区别。

###1. export`export` 是一个关键字，可以用来导出一个或多个变量、函数或类。它可以在同一文件中使用多次，并且可以导出不同的类型的值。

**示例代码**

javascript// main.jsexport const PI =3.14;
export function add(a, b) {
 return a + b;
}

// index.vueimport { PI, add } from './main.js';
console.log(PI); // 输出:3.14const result = add(2,3);
console.log(result); // 输出:5

在这个例子中，我们导出了一个常量 `PI` 和一个函数 `add`。我们可以在其他文件中使用这些导出的值。

###2. export default`export default` 是一种特殊的导出方式，它只允许导出一个值，而不是多个值。它通常用于导出一个类、函数或模块。

**示例代码**

javascript// main.jsexport default function add(a, b) {
 return a + b;
}

// index.vueimport add from './main.js';
const result = add(2,3);
console.log(result); // 输出:5

在这个例子中，我们导出了一个函数 `add`，并且使用了 `export default` 的方式。我们可以在其他文件中使用这个导出的值。

### 区别**1. 导出数量**

`export` 可以导出多个值，而 `export default` 只允许导出一个值。

**2. 导出类型**

`export` 可以导出各种类型的值，包括变量、函数和类。`export default` 通常用于导出一个类、函数或模块。

**3. 使用场景**

`export` 通常用于导出一些小的函数或变量，而 `export default` 通常用于导出一个大型的类、函数或模块。

### 总结在 Vue 中，`export` 和 `export default` 是两个常见的导出模块的方式。虽然它们看起来很相似，但实际上有着重要的区别。`export` 可以导出多个值，而 `export default` 只允许导出一个值。`export` 可以导出各种类型的值，而 `export default` 通常用于导出一个类、函数或模块。

**参考**

* [Vue.js 文档 - 导出]( />* [Vue.js 文档 - export default](