Vueのロードしていないデータ

Question

私はこのようになりますVUE/CoffeeScriptのアプリがあります。

は

あり、コンソールにはエラーはありません、そしてそれがJSONのために成功した外部要求を作っていると言う、しかし私は{{book.name}}を言うときに、 JSONからではなく、Testとして返されます。

new Vue({ 
el: '#app', 
data: { 
    showModal: false, 
    book: { 
    name: "Test", 
    description: "", 
    photo: "" 
    } 
} 

ready:() -> 
    this.getBookData() 
    console.log (this.book) 

methods: { 
    getBookData:() -> 
    self = $(this) 
    $.getJSON 'GGPK4A.json', (data) -> 
     self.book = data 
} 

}) 

Answer 1

私はCoffeeScriptの中でどのように行うのか分からないが、私は問題はthisはそれほど機能していないthis.bookを設定し、コールバック関数内でのVueを参照していないということだと思います。通常、関数上で.bind(this)を使用するか、ajax呼び出しの前にvar vm = thisを設定し、コールバックにvm.bookを設定することでこれを修正できます。