如何將數據從AJAX請求寫入VUE JS中的DATA？

Question

請告訴我，如何在DATA中寫入來自AJAX響應的數據？ 實施例：

var example = new Vue({ 
    el: '#example', 
    data:{ 
     myArr: [] 
    }, 
    created: function() { 
     $.getJSON('data.json', function(data) { 
      this.myArr = data; 
     }); 
    } 
    }); 

的問題是，在myArr，該中，響應數據不被寫入。如何解決這個問題？謝謝。

Answer 1

你可以試試嗎？基本上這個裏面的ajax並不完全是你所期望的。

var example = new Vue({ 
    el: '#example', 
    data:{ 
     myArr: [] 
    }, 
    created: function() { 
     var vm = this; 
     $.getJSON('data.json', function(data) { 
      vm.myArr = data; 
     }); 
    } 
    }); 

您還可以使用反應性設置方法$設置直接分配給vm.myArr代替：https://vuejs.org/v2/guide/reactivity.html