vue封装$http

Vue封装了一个$http对象，用于简化在Vue应用中进行HTTP请求的过程。

首先，我们需要在Vue应用中安装vue-resource插件。可以使用npm命令来安装，如下所示：

npm install vue-resource

然后，在main.js文件中导入vue-resource并将它绑定到Vue实例上，以便在整个应用中都可以使用。代码如下：

import Vue from 'vue'
import VueResource from 'vue-resource'

Vue.use(VueResource)

现在，我们可以在Vue组件中使用$http对象来进行HTTP请求。例如，如果我们要发送一个GET请求获取服务器上的数据，可以按照以下方式进行封装：

export default {
  data() {
    return {
      dataList: []
    }
  },
  created() {
    this.getData()
  },
  methods: {
    getData() {
      this.$http.get('http://example.com/data')
        .then(response => {
          this.dataList = response.data
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}

在上面的例子中，我们在组件的created生命周期钩子中调用了getData方法，该方法使用了$http对象发送了一个GET请求到指定的URL。在请求成功时，获取到的数据将保存在dataList中。如果请求失败，错误信息将会被输出到控制台。

当然，我们还可以使用其他的HTTP方法，如POST、PUT和DELETE，只需将$get方法替换为对应的方法即可。

通过封装$http对象，我们可以更简洁地发起和处理HTTP请求，从而提高开发效率。