this。$ http vueJsが設定されていません

Question

私はvueJSで遊んでいて、ajaxリクエストからいくつかのデータを取得しようとしています。

HERESに私のコード：

new Vue({ 
el: '#recipeList', 

ready: function() { 
    this.fetchRecipes(); 
}, 

methods: { 
    fetchRecipes: function() { 
     this.$http.get('/recipes/ajax', function (recipes) { 

      this.$set('recipes') = recipes; 

     }); 
    } 
}}) 

htmlコードは結構です、私はあなたがそれを見る必要がある疑い。

ドキュメントでは、これはあなたがajaxリクエストを行う方法ですが、$ httpオブジェクトは設定されていないようです。ここで

は、私が受けていますコンソールエラーです：

TypeError: undefined is not an object (evaluating 'this.$http.get') 
fetchRecipesapp.js:10 
(anonymous function)vue.js:307 
readyapp.js:5 
_callHookvue.js:8197 
readyvue.js:10169 
$mountvue.js:10155 
_initvue.js:8054 
Vuevue.js:80 
global codeapp.js:1 
app.js:10 

Answer 1

$http.getはVue Resourceためです。それを正しく引っ張っていることを確認してください。すなわち、その後、その後、インストールNPM、あなたのpackage.jsonにvue-resourceを追加...

var Vue = require('vue'); 

Vue.use(require('vue-resource')); 

また、ルート・パスが正しく設定されていることを確認します。

Vue.http.options.root = '/your-root-path'; 

希望します。 :-)