vue 구성 요소가 페이지가로드 될 때 표시되지 않습니다. 어떻게 표시합니까?

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

이것의 범위는 정확하지 않은 것, 당신은 그것을해야한다 :

: ES-6 그냥있을 수있다

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

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

확인 this 설명을 위해.