vue ajax get 传参

在Vue中使用AJAX进行Get传参可以通过axios或者Vue-resource库实现。对于axios，可以在组件内的方法中引入axios库，然后在该方法中使用axios.get()方法传递参数进行数据请求。例如：

import axios from 'axios'

export default {
  methods: {
    getData(id) {
      axios.get('url', {
        params: {
          id: id
        }
      }).then(response => {
        console.log(response.data)
      }).catch(error => {
        console.log(error)
      })
    }
  }
}

这里使用了params属性来传递参数，后端可以通过request查询参数获取id的值，进行相应的处理。

对于Vue-resource，也可以使用get()方法来进行传参。例如：

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

Vue.use(VueResource)

export default {
  methods: {
    getData(id) {
      this.$http.get('url', {
        params: {
          id: id
        }
      }).then(response => {
        console.log(response.body)
      }, response => {
        console.log(response.body)
      })
    }
  }
}

这里也是使用params属性传递参数，后端可以通过request查询参数获取id的值。需要注意的是，在使用Vue-resource库时，需要先用Vue.use(VueResource)把VueResource插件安装到Vue中才能使用。