vue js, vue-resource & Laravel을 사용하여 Show 메서드 만들기

Question

그래서 laravel 5.2를 사용하여 API를 만들고 VueJs를 사용하여 데이터를 가져 왔습니다. 모든 결과를 가져 와서 index() 작업에 대한 데이터를 가져올 수있었습니다. 이제 제 문제는 좀 더 복잡해집니다. 테이블의 각 게시물이 하나의 게시물 페이지가되도록 show() 메소드를 만들어야합니다.

methods: { 
     fetchItems: function (page) { 
      var data = {page: page}; 
      this.$http.get('api/v1/pages', data).then(function (response) { 
       //look into the routes file and format your response 
       this.$set('items', response.data.data); 
       this.$set('pagination', response.data.pagination); 
      }, function (error) { 

      }); 
     }, 
     changePage: function (page) { 
      this.pagination.current_page = page; 
      this.fetchItems(page); 
     } 
    } 

이것은 내 VueJs 코드입니다. 1. 내가 쇼 방법에 대한 별도의 파일을 만들어야합니다

<div class="col-md-12" v-for="post in items" track-by="$index"> 
      <a href="@{{ post.slug }}"><h1>@{{ post.title }}</h1></a> 
      <p>@{{ post.body }}</p> 
</div> 

이 내 쇼의 모든 게시글

내 질문입니까? 2. laravel ioc를 사용하여 포스트 모델에서 $ slug를 얻고 단일 페이지를 표시하려면 어떻게해야합니까?

Answer 1

당신은 하나의 파일 구성 요소를 작성, Vueify 같은 것을 사용하지 않는, 그러나, 새 페이지를 만들 필요가 없습니다, 당신은 할 수 있습니다. 더 쉬울 것입니다.

당신이 당신의 목록보기, 아약스 호출 및 인덱스 API를 만든 같은 방법으로, 당신은 (포스트 ID를 사용하여) 우리의 게시물을 보여주고, 뷰, 아약스 호출 및 API를 만들 수 있습니다. API 응답은 슬러그를 포함하여 표시해야하는 모든 데이터를 전송해야합니다.

Route::resource('show/{id}', 'PagesController@show');