VueJSとWPのREST API

Question

は、私はWordpressののREST APIからの投稿（JSON形式）を取得したい 、ここで少し問題を持っている、と私は私がここで行方不明ですか理解していません。 誰かが私を助けることができますか？

var App = new Vue({ 
el : '#app', 
data: { 
    posts: '' 
}, 
beforeCreate: function(){ 
    console.log('I am the first one!'); 
}, 
mounted: function(){ 
    console.log('mounted fired'); 
    posts = this.$resource('http://volkov.co.il/wp-json/wp/v2/posts?per_page=3'); 
    posts.get(function(response){ 
     this.$set('posts', response); 
    }); 
}}); 

そして、ここに私のhtmlです：あなたは、私がVUE-リソースライブラリを使用しています見ることができるように

 <div id="app"> 

     <div class="row"> 
      <div class="large-12 columns"> 
       <article class="post-article" v-for="post in posts"> 
        <h1>post title</h1> 
        <h3>{{ post.id }}</h3> 
       </article> 
      </div> 
     </div> 

    </div> 

    <script src="https://unpkg.com/vue/dist/vue.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.3.4/vue-resource.js"></script> 
    <script src="js/app.js" charset="utf-8"></script> 

。 このコードをローカルマシンから実行しています。 私はここで何が欠けていますか？ おかげ

Answer 1

私はあなたがVueResourceを使用しているためthisが正しいと信じが、それがない場合、あなたはそれがあることを確認するために技術detailed hereのいずれかを使用することができます。

つまり、$setには3つの引数があります。

this.$set(this, 'posts', response);