페이지가 처음로드 될 때 데이터를로드하는 방법 vue js를 사용할 때?

Question

이 내 코드입니다 :

<div id="app"> 
    <ul> 
     <li v-for="task in tasks">@{{task.body}}</li> 
    </ul> 
</div> 

<script src="//cdn.bootcss.com/vue/1.0.24/vue.min.js"></script> 
<script> 
    new Vue({ 
     el:"#app", 
     data:{ 
      tasks:[ 
       {body:'go to home',complete:true}, 
       {body:'watch tv',complete:true}, 
       {body:'go to bed',complete:true}, 
      ] 
     } 
    }); 
</script> 

나는 페이지가 처음로드, 나는 PHP, VUE의 JS를 사용할 때 데이터베이스에서 데이터의 작업을 '로드해야하는 방법!

Answer 1

Vue api documentation을 확인하십시오. 유용한 정보가 가득합니다. 기본에서 핵심적인 정보까지입니다. 검색이 가능합니다.

특히 Vue lifecycle을 숙지하고 어떻게 연결해야하는지 알아보십시오.

아마도 ready 또는 created 수명주기 후크 중 하나에 관심이있을 것입니다.

특히 Vue 요소를 컴파일하기 전에 created 후크의 모든 항목이 실행됩니다. 그래서 당신은 거기에 당신의 논리를 배치 할 수 있습니다. asemahle의 대답에 빌드하려면

new Vue({ 
    el:"#app", 
    data:{ 
     tasks:[ 
      {body:'go to home',complete:true}, 
      {body:'watch tv',complete:true}, 
      {body:'go to bed',complete:true}, 
     ] 
    }, 

    created: function() { 
     /** Load task from database here **/ 
    } 
}); 

Answer 2

, 당신은 일반적으로 vue.js 데이터 모델에 대한 데이터를 제공하기 위해 서버 측에서 JSON 엔드 포인트를 사용하십시오. 예를 들어 jQuery를 사용했다면, 다음과 같이 보일 것입니다 :

});