vue使用ajax请求数据

Vue可以使用axios或者Vue自带的vue-resource来发送Ajax请求获取数据。

使用axios方法：

1. 首先需要安装axios库，可以通过npm安装：npm install axios

2. 在vue组件中引入axios库：import axios from 'axios'

3. 发送get请求：

   axios.get('url')
     .then(function (response) {
       console.log(response);
     })
     .catch(function (error) {
       console.log(error);
     });

4. 发送post请求：

   axios.post('url', {
       data: 'data'
     })
     .then(function (response) {
       console.log(response);
     })
     .catch(function (error) {
       console.log(error);
     });

使用vue-resource方法：

1. 首先需要安装vue-resource库，可以通过npm安装：npm install vue-resource

2. 在vue的main.js文件中引入vue-resource库：

   import VueResource from 'vue-resource'
   Vue.use(VueResource)

3. 发送get请求：

   this.$http.get('url')
     .then(response => {
       console.log(response.body)
     }, response => {
       console.log(response)
     })

4. 发送post请求：

   this.$http.post('url', {
       data: 'data'
     })
     .then(response => {
       console.log(response.body)
     }, response => {
       console.log(response)
     })

以上是使用axios和vue-resource两种方式发送Ajax请求获取数据的基本方法。