私は現時点で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);
}
});