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

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

img

img

<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>

你这个是什么问题