vue文件中写了一个接口 怎么将这个接口导出 在其他文件中也能使用
时间: 2023-07-16 10:17:10 浏览: 52
可以在一个单独的 JavaScript 文件中,将该接口定义为一个函数或对象,并将其导出。例如,假设你在 Vue 文件中定义了一个名为 `myApi` 的接口:
```
<script>
export default {
data() {
return {
myData: null
}
},
created() {
this.$axios.get('/api/myApi')
.then(response => {
this.myData = response.data
})
}
}
</script>
```
那么你可以在一个单独的 JavaScript 文件中,将该接口定义为一个对象,并将其导出:
```
export const myApi = {
getData() {
return this.$axios.get('/api/myApi')
.then(response => response.data)
}
}
```
然后,在其他 Vue 文件中,你可以通过 `import` 语句来引入该接口:
```
<template>
<div>{{ myData }}</div>
</template>
<script>
import { myApi } from '@/path/to/myApi.js'
export default {
data() {
return {
myData: null
}
},
created() {
myApi.getData()
.then(data => {
this.myData = data
})
}
}
</script>
```