vue component 在页面加载好时不显示。如何让它显示？

Question

<project-comp></project-comp>在页面加载好时不显示，但是我已经在created钩子里面赋值给app.projects了。请问怎样让它在页面加载好时就显示呢？

Vue.component('project-comp',{

        template: `

        <div class='box'>            

            <div v-for='one in this.$parent.projects'>

               <h2> @{{one.place}}</h2>

               <h2> @{{one.time}}</h2>

            </div>

        </div>

        `,

});

var app = new Vue({

        el: '#root',

        props:['projects'],

        created: function () {

            $.post(

                'url',

                {'city':'beijing'},

                function(data){

                    this.projects = data;

                },

                'json'

            );

        },

});

Answer 1

这个问题应该也是楼主吧，已经有答案了是ajax那this作用域的问题，用箭头函数写或者局部变量存下this。