vue怎么封装获取接口数据的方法

在 Vue 中，可以将获取接口数据的方法封装成一个 Vue 实例的方法，以便在组件中调用。以下是一个简单的封装示例：

// 在 main.js 中引入 axios
import axios from 'axios'

// 创建 Vue 实例
const app = new Vue({
  // ...
  methods: {
    // 封装获取接口数据的方法
    fetchData(url, callback) {
      axios.get(url)
        .then(response => callback(response.data))
        .catch(error => console.log('Error occurred: ' + error))
    }
  },
  // ...
})

// 在组件中调用
export default {
  // ...
  created() {
    this.$root.fetchData('https://some-api.com/data', data => {
      console.log(data)
      // 在这里对获取的数据进行处理
    })
  },
  // ...
}

这个方法使用了 axios 库来进行网络请求，并将获取到的数据传递给回调函数进行处理。在组件中调用方法时，可以通过 `this.$root.fetchData()` 来调用。也可以在 Vue 实例中将其封装成全局方法，以便在所有组件中使用。