aixos応答データはVueインスタンスのデータに割り当てられません

Question

私のvue.jsプロジェクトでは、配列データをaxiosで取得して、bookList変数に代入しますが、失敗したbookListは[]と同じですが、どうして？

export default { 
... 
data() { 
    return { 
    bookList: [] 
    } 
}, 
mounted: function() { 
    this.$nextTick(function(){ 
    this.viewBooks(); 
    }); 
}, 
methods: { 
    viewBooks: function() { 
    axios.get('/books.json') 
     .then(res=>{ 
     this.bookList = res.data.bookList; 
     }) 
     .catch(error=>{ 
     console.log(error); 
     }); 
    } 
} 

Answer 1

コールバックは異なるスコープにある...これは

methods: { 
    viewBooks: function() { 
     let self = this; 
     axios.get('/books.json') 
      .then(res=>{ 
       self.bookList = res.data.bookList; 
      }) 
      .catch(error=>{ 
       console.log(error); 
      }); 
    } 

を動作するはず異なった答えもありますhere