vue export 多个
时间: 2023-08-03 10:58:36 浏览: 95
在 Vue.js 中,你可以使用 `export` 关键字导出多个组件、函数、变量等。以下是几种常见的导出方式:
1. 导出单个组件:
```javascript
export default {
// 组件选项
}
```
2. 导出多个组件:
```javascript
export const Component1 = {
// 组件选项
}
export const Component2 = {
// 组件选项
}
```
3. 导出函数或变量:
```javascript
export function func1() {
// 函数逻辑
}
export function func2() {
// 函数逻辑
}
export const variable = 123;
```
4. 导出时重命名:
```javascript
const Component = {
// 组件选项
}
export { Component as MyComponent };
```
在另一个文件中,你可以使用 `import` 关键字来引入这些导出的组件、函数或变量:
```javascript
import { Component1, Component2 } from './path/to/module';
import { func1, func2, variable } from './path/to/module';
import { MyComponent } from './path/to/module';
```
请根据你的实际需求选择合适的导出方式,并在导入时使用对应的语法进行引入。
阅读全文