vue怎么获取ajax

在 vue.js 中获取 ajax 响应有两种方法：使用内置的 $http 服务，注入到 vue 实例中并使用 get、post、put 和 delete 方法。使用第三方 axios 库，安装后创建 axios 实例并使用类似的 api。

(图1)

如何获取 Vue.js 中的 AJAX 响应

在 Vue.js 中获取 AJAX 响应有多种方法。以下是两种最常见的方法：

使用 $http 服务

$http 服务是 Vue.js 提供的内置 HTTP 客户。它可以用来发送 GET、POST、PUT 和 DELETE 请求，并处理响应。

立即学习“前端免费学习笔记（深入）”；

要使用 $http 服务，请在 Vue 实例中注入它，如下所示：

import Vue from 'vue'
import VueHttp from 'vue-resource'

Vue.use(VueHttp)

const app = new Vue({
  // ...
  methods: {
    getPosts() {
      this.$http.get('api/posts')
        .then((response) => {
          // 响应代码
        })
        .catch((error) => {
          // 错误处理代码
        })
    },
    // ...
  }
})