vue前后端接口怎么写

在Vue中，前后端接口的写法可以有多种方式。根据引用\[2\]和引用\[3\]的内容，可以提供以下两种常见的写法：

1. 对象形式的接口对接：在Vue文件中，可以使用对象形式的参数传递给后端接口。例如，在获取历史记录的例子中，可以定义一个param对象，包含需要传递给后端的参数，然后将该对象作为参数传递给接口函数。示例代码如下：

beforeHistory() {
  let param = {
    current: this.currentPage,
    size: this.pageSize,
    tableName: this.tableName
  };
  historySelectPage(param).then(res => {
    if (res.data.data) {
      this.tableData = res.data.data;
      this.total = res.data.count;
    }
  });
},

2. 参数直接写在接口名后的括号中：在Vue文件中，也可以直接将传递的参数写在接口名后的括号中。例如，在删除数据的例子中，可以将需要删除的数据作为参数传递给接口函数。示例代码如下：

delData(row) {
  removeById(row.id).then(res => {
    if (res.data.code == 200) {
      this.$message.success('删除成功');
      this.xxxx(); // 刷新页面的方法
    } else {
      this.$message.warning('请稍后再试');
    }
  });
},

以上是两种常见的Vue前后端接口写法，具体的写法可以根据实际需求和后端接口的定义来确定。
#### 引用[.reference_title]
- *1* [vue的接口用什么写,vue前端接口怎么写](https://blog.csdn.net/goodutils/article/details/126861758)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [接口总结--vue前后端接口对接，传递数值的不同形式（表单formData\json\拼接url等）](https://blog.csdn.net/weixin_43312391/article/details/123084870)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]