vue ajax

Vue.js 是一个非常流行的前端框架，它提供了方便的方法来处理 AJAX 请求。在 Vue.js 中，你可以使用 Vue Resource 或 Axios 两种库来处理 AJAX 请求。

Vue Resource 是 Vue.js 提供的一个插件，它可以轻松地发送 AJAX 请求和处理响应。使用 Vue Resource，你可以使用 Vue.js 的 $http 对象来发送 GET、POST、PUT、DELETE 等请求。

Axios 是一个基于 Promise 的 HTTP 客户端，可以在浏览器和 Node.js 中使用。它提供了更简单、更方便的 API 来处理 AJAX 请求。使用 Axios，你可以发送 GET、POST、PUT、DELETE 等请求，并处理响应数据。

无论你选择使用 Vue Resource 还是 Axios，都可以通过 Vue.js 的生命周期钩子函数来发起 AJAX 请求。比如，你可以在 mounted 钩子函数中发送 AJAX 请求，然后将响应数据存储在组件的 data 属性中，以便在模板中渲染。

下面是一个使用 Axios 发送 AJAX 请求的示例：

<template>
  <div>
    <ul>
      <li v-for="post in posts">{{ post.title }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      posts: []
    }
  },
  mounted() {
    axios.get('https://jsonplaceholder.typicode.com/posts')
      .then(response => {
        this.posts = response.data
      })
      .catch(error => {
        console.log(error)
      })
  }
}
</script>