백그라운드 데이터 얻기table 위의 구덩이에 표시할 수 없음

vue를 막 배우고 나서axios를 자습해서 간단한 백그라운드 데이터를 쓰고 싶어서요.

<tr v-for=" user in uList">
        <td>{{user.id}}</td>
        <td>{{user.name}}</td>
        <td>{{user.gender}}</td>
        </td>
</tr>
그리고 먼저 이런 코드를 썼어요.

 created: function () {    
      axios.get("http://localhost:8080/student/findAll").then(function (response) {
       this.uList = response.data;
        console.log(uList);
      }).catch(function (reason) {
 
      })
    }
그리고 백그라운드에서 데이터를 얻을 수 있으나table에 표시할 수 없습니다
이것을 발견하다.uList는 변경된 데이터지만 table에 표시할 수 없습니다.
그리고 여기this가 외부this 대상이 아니라는 것을 발견하고 변경을 하면 데이터가 다시 표시됩니다.

new Vue({
    el:'#app',
    data:{
      uList:[],
    },
    created: function () {
      var arr = this;
      axios.get("http://localhost:8080/student/findAll").then(function (response) {
        arr.uList = response.data;
        console.log(uList);
      }).catch(function (reason) {
 
      })
    }
})
보충 지식: vue 데이터에 값이 있지만 페이지 {}} 값을 찾을 수 없습니다
나의 문제는 js가 도입한 순서가 틀려서 vue의 값을 정상적으로 표시할 수 없다는 것이다
정확한 순서는 다음과 같다.
먼저 vue의 js-----html 코드-----마지막으로 자신이 쓴 js를 도입한다
이상의 이 간단한 이야기 vue가 백그라운드 데이터를 얻어table 위에 표시할 수 없는 구덩이는 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.

좋은 웹페이지 즐겨찾기