接口调用get，简易版

最新推荐文章于 2025-06-04 15:24:22 发布

Havanao

最新推荐文章于 2025-06-04 15:24:22 发布

阅读量312

点赞数

CC 4.0 BY-SA版权

分类专栏： vue初级

本文链接：https://blog.youkuaiyun.com/Havanao/article/details/108758624

vue初级专栏收录该内容

14 篇文章

订阅专栏

本文档详细介绍了如何在API接口中使用GET方法进行数据请求，通过实例代码讲解了在index.js文件中的实现过程，适用于前端开发者快速理解和应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

api

api>index.js

import request from '@/utils/request'
export const 接口名= (data) => {
    return request('后台接口路径','get')
}

文件名.vue

<template>
 <div class="container">
 <p>{{this.onething}}</p>//接口调用后引用的地方
 </div>
</template>

<script>
import { 接口名} from "（上面那个api文件的路径）";
export default {
 data(){
    return{
      onething: '',
      }
    },
 created() {
    this.get接口名();//创建一个，随便起名
  },
  methods:{
   get接口名(){
      接口名().then((res) => {
        this.onething= res.data;
        }
      }
  }
  }
</script>