vue组件在页面loaded.How时不显示怎么让它显示？

Question

当页面 loaded.I 使用 created hook.But 设置 projects 属性 时，<project-comp></project-comp> 组件不显示没用。

这是我的代码：

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

好像这个范围不对，你应该有：

var app = new Vue({
        el: '#root',    
        props:['projects'],
        created: function () {
            var self = this
            $.post(
                'url',
                {'city':'beijing'},
                function(data){
                    self.projects = data;
                },
                'json'
            );
        },
});

对于 ES-6，它可以只是：

var app = new Vue({
        el: '#root',    
        props:['projects'],
        created: function () {
            $.post(
                'url',
                {'city':'beijing'},
                (data) => {
                    this.projects = data;
                },
                'json'
            );
        },
});

检查 以获得解释。