Vue axios异步请求,如何读取数据

Question

下面代码该如何去发送数据呢

<template>
    <div>
        我是头部分的内容
        显示所有学生
        <table border="2">
        <tr>
            <td>序号</td>
            <td>学号</td>
            <td>姓名</td>
            <td>年龄</td>
            <td>性别</td>
            <td>生日</td>
            <td>地址</td>
            <td>状态</td>
        </tr>
        <tr v-for="(s,index) in stulist" v-bind:key="index">
            <td>{{index+1}}</td>
            <td>{{s.xh}}</td>
            <td>{{s.name}}</td>
            <td>{{s.age}}</td>
            <td>{{s.sex}}</td>
            <td>{{s.birthday}}</td>
            <td>{{s.address}}</td>
            <td>{{s.state}}</td>
        </tr>
    </table>
    </div>
</template>
<script>
export default {
  name:"App",
  data:function(){
    return {
      stulist:null,
    }
  },
  mounted:function(){
     //使用axios发送异步请求获取所有的学生信息展示
     this.$http.get(`http://localhost:8080/getStudentData`).then((ret)=>{
        this.stulist=ret.data;
        console.log(ret.data)
     });
  }
}
</script>

Answer 1

你这个是什么问题