2017-02-14 8 views
0

私は現時点でVueを学習しています。私はバックエンドを呼び出してデータをJSON形式で取得したいと考えています。私は複数のVueチュートリアルをオンラインで(確かに彼らはLaracastのものです)、それぞれ$ endを使ってバックエンドにリクエストしています。しかし、私は$ 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); 
    } 
}); 

答えて

2

は、Vueのライブラリはあなたの問題を解決する前または後にjQuery libraryを追加し、急いで書かれたチュートリアルのような音。しかし、私はVue examples/tutorialsがVueを完全に習得するのに十分であることを発見しました。

私はまた、.vue template (Single File Components)を学ぶことを強く勧めます。後でそれがあなたのアーキテクチャにとってはるかに重要になり、開発をかなりスピードアップします。

さらに多くのVueリソースに興味がある場合check out this site

関連する問題