在Vue中，接口的定義和實現都需要一定的技術手段，這篇文章就來介紹一下，Vue接口寫在哪里。

首先，我們需要明確，Vue作為一個前端框架，主要職責是將數據和視圖進行綁定，而對于服務器端的接口定義和實現，不是Vue的主要功能。因此，Vue中的接口通常是通過ajax或fetch等請求庫進行調用。

那么，在Vue中，我們通常將接口的調用寫在哪里呢？

1. 在Vue組件中

export default {
data() {
return {
list: []
}
},
created() {
this.getData()
},
methods: {
getData() {
axios.get('/api/list').then(res =>{
this.list = res.data.list
})
}
}
}

在Vue組件中，我們可以通過axios、fetch等ajax請求庫來調用接口。在組件的生命周期鉤子中，通常將接口的調用放在created、mounted等階段。

2. 在Vuex中

import axios from 'axios'
const state = {
list: []
}
const mutations = {
setList(state, data) {
state.list = data
}
}
const actions = {
getList({ commit }) {
axios.get('/api/list').then(res =>{
commit('setList', res.data.list)
})
}
}
export default {
namespaced: true,
state,
mutations,
actions
}

在Vuex中，我們可以將接口的定義、調用和數據的管理都集中在store中。通過在actions中進行接口的調用，并通過mutations將數據進行管理。

3. 通過axios攔截器

import axios from 'axios'
axios.interceptors.request.use(config =>{
const token = localStorage.getItem('token')
if (token) {
config.headers.Authorization = 'Bearer ' + token
}
return config
})
axios.interceptors.response.use(response =>{
if (response.data.status === 401) {
window.location.href = '/login'
}
return response
})

在Vue中，我們可以通過axios攔截器統一處理接口請求和響應。例如，在請求中，我們可以將token添加到請求頭中；在響應中，我們可以統一處理401狀態碼，并進行頁面跳轉。

綜上所述，Vue中的接口調用不是Vue的核心功能，因此，我們可以通過Vue組件、Vuex、axios攔截器等方式來進行接口定義、調用和管理。