2017-02-14 118 views
0

我現在正在學習Vue,現在我想要調用我的後端並以JSON格式提取數據。我在網上關注了多個Vue教程(無可否認他們全部來自Laracast),他們都表示使用$ .get向後端發出獲取請求。但是,我得到一個$ is undefined錯誤。從閱讀看,這可能是因爲$是一個jQuery屬性,但如果是這樣的話,這些教程怎麼沒有提到關於導入或設置jQuery的任何內容?什麼是Vue唯一的方式來做一個簡單的獲取請求?

HTML:

<html> 
<head><title>Tests</title> 
</head> 
<body> 
<div id="app"> 
    <div v-for="item in queue">{{ item }}</div> 
</div> 
<script src="https://unpkg.com/vue/dist/vue.js"></script> 
<script src="./app.js"></script> 
</body> 
</html> 

JS文件:

new Vue({ 
    el: '#app', 
    data: { 
     queue: [], 
     interval: null, 
    }, 
    methods: { 
     loadData: function() { 
      $.get('localhost:4567/getQueue', function (response) { 
       this.queue = response; 
      }.bind(this)); 
     } 
    }, 
    ready: function() { 
     this.loadData(); 

     this.interval = setInterval(function() { 
      this.loadData(); 
     }.bind(this), 3000); 
    }, 

    beforeDestroy: function(){ 
     clearInterval(this.interval); 
    } 
}); 

回答