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：

        <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>

如您所见，我正在使用 vue-resource 库。 我正在从本地计算机运行此代码。 我在这里想念什么？ 谢谢

Answer 1

我相信 this 是正确的，因为您使用的是 VueResource，但如果不是，您可以使用任何技术 detailed here 来确保它是正确的。

也就是说，$set 有三个参数。

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