Invalid problem of vue iview table binding data source

<div id="app">
              <i-table :columns="columns1" :data="historyData" height="700"></i-table>
              <Page :total="dataCount" :page-size="pageSize" @on-change="changepage" show-sizer></Page>
</div>
<script>
var vue =  new Vue({
    el: "-sharpapp",
    data (){
        return {
        //Columns1titlekeyK-V
            columns1: [
                {
                    title: "",
                    key: "username"
                },
                {
                    title: "",
                    key: "email"
                },
                {
                    title: "",
                    key: "createTime"
                },
                {
                    title: "",
                    key: "updateTime"
                }
            ],
            //key
            historyData: [],
            // 
            dataCount:0,
            // 
            pageSize:10
        }
    },
    methods: {
        querytable(){
          axios.get("/springboot/user/getUsers")//postget
              .then(function (response) {
                  // 
                  this.dataCount = response.data.list.length;
                  // 
                  if(response.data.list.length < this.pageSize){
                      this.historyData = response.data.list;
                  }else{
                      this.historyData = response.data.list.slice(0,this.pageSize);
                  }
              })
              .catch(function (error) {
                alert(error);
              });
      },
        changepage(index){
            var _start = ( index - 1 ) * this.pageSize;
            var _end = index * this.pageSize;
            this.historyData = response.data.slice(_start,_end);
        }
    },
      //
         created () {
          this.querytable();
        }
    });
</script>

has rendered the data source. Why is there no data all the time?

Mar.13,2021

solved the problem of scope in html. It has been copied when asynchronous execution is not requested, and it can be replaced with jquery ajax,async:false

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b2bc0c-2bad7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b2bc0c-2bad7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?