vue3,调用同一个接口，传不同参数

在 Vue3 中，如果你需要调用同一个接口但传递不同的参数，通常会通过组件的props或者methods来实现。以下是几种常见的做法：

1. **Props（属性）**：
- 如果这个接口调用是在父组件内部发起的，并且结果需要返回给子组件，你可以将参数作为 props 传递给子组件。例如：

     parent.vue:
     <child-component :params="specificParams" />
     child.vue:
     methods: {
       async fetchData(params) {
         const response = await fetch('your/api', { params });
         // ...处理响应数据
       }
     }

2. **Methods（方法）**：
- 如果需要在组件内部动态调用接口，可以创建一个接受不同参数的方法，然后根据需求改变参数再执行：

     methods: {
       async callAPI(data) {
         const response = await fetch('your/api', { data });
         // ...处理响应数据
       },
       sendData(paramSet) {
         this.callAPI(paramSet);
       }
     }

在模板中，可以根据需要触发 `sendData` 函数并传入不同参数。

3. **Vuex（状态管理）**：
- 如果接口调用涉及到整个应用的状态管理，可以将请求封装到 Vuex store 的 mutations 或 actions 中，传递不同的参数作为 action 的参数。