javascript - Vue未加载数据

Question

我有一个 vue/coffeescript 应用程序，如下所示:

控制台中没有错误，它说它正在对 JSON 进行成功的外部请求，但是当我说 {{book.name}} 时，它仅返回为 Test 而不是来自 JSON。

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在回调函数中没有引用Vue，因此设置this.book 不起作用。通常，您可以在函数上使用 .bind(this) 修复此问题，或者在 ajax 调用之前设置 var vm = this 并设置 vm.book > 在回调中。