ページが読み込まれたときに、表示コンポーネントが表示されません。表示させる方法は？

Question

<project-comp></project-comp>コンポーネントが表示されません。createdフックを使用して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

それは、この範囲が正しくない、あなたはそれを持っている必要がありそうです：

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' 
      ); 
     }, 
}); 

チェックthis説明のため。