vue get请求传递参数

// 使用 Vue.js 发起 GET 请求并传递参数的示例代码

// 引入 axios 库，用于发起 HTTP 请求
import axios from 'axios';

// 定义一个方法来发送 GET 请求，并传递查询参数
function fetchData(params) {
  // 使用 axios 发送 GET 请求
  axios.get('https://api.example.com/data', {
    // 将参数作为查询字符串传递
    params: params
  })
  .then(response => {
    // 请求成功后处理响应数据
    console.log('Response:', response.data);
  })
  .catch(error => {
    // 请求失败后处理错误
    console.error('Error:', error);
  });
}

// 调用 fetchData 方法并传递参数
fetchData({
  param1: 'value1',
  param2: 'value2'
});

解释说明：

1. 引入 Axios：首先需要引入 axios 库，这是一个常用的 HTTP 客户端库，可以用来发起各种类型的 HTTP 请求。
2. 定义 fetchData 函数：这个函数接收一个参数对象 params，它包含了要传递给 API 的查询参数。
3. 使用 axios.get 发送请求：axios.get 方法用于发起 GET 请求。第二个参数是一个配置对象，其中 params 属性用于传递查询参数。
4. 处理响应和错误：通过 .then() 处理成功的响应，通过 .catch() 处理请求中的错误。
5. 调用 fetchData：最后，我们调用 fetchData 并传入具体的参数对象。

这样，你就可以在 Vue.js 项目中使用 GET 请求传递参数了。