在vue中export function
时间: 2024-10-18 08:23:46 浏览: 23
Vue export import 导入导出的多种方式与区别介绍
5星 · 资源好评率100%
在Vue.js中,`export function`通常用于导出函数以便在其他文件中复用。当你有一个通用的、可以被多个组件或模块共享的功能,你可以将其定义在一个单独的文件(如一个名为`util.js`或`commonFunctions.js`的文件),然后通过`export`关键字将它导出。
例如:
```javascript
// util.js 或 commonFunctions.js
export function fetchData(url) {
return axios.get(url)
.then(response => response.data)
.catch(error => console.error(error));
}
```
在这个例子中,`fetchData`函数是一个可以在其他Vue组件或者模块中导入并使用的工具函数,传入URL作为参数来获取数据。
在需要使用这个函数的地方,只需要像这样导入:
```javascript
import { fetchData } from './util'; // 如果在同级目录
// 或者
import fetchData from '@/utils/commonFunctions'; // 如果在src/utils文件夹下
const data = fetchData('http://api.example.com/data');
```
阅读全文