Laravel 5.3 Vue 2.0 получение данных базы данных Vue

Question

Я не уверен, что я запутался, правда ли, что я должен оставить работу по получению данных из базы данных для контроллера и обработке данных для vue? Или это лучшая практика или что-то еще?

Здесь я пытаюсь получить subcat из моей таблицы подкатегорий, а не ошибку на devtool, но subcats не устанавливается. Пожалуйста, помогите или не стесняйтесь предлагать лучшую практику. Благодаря!

Item-сортировочный-list.vue

<template> 
    <div> 
    <div v-show="isActive"> 
     <li v-for="subcat in subcats" class="list-group-item"> 
     <a name="" href="">{{subcategory.name}}</a> 
     </li> 
    </div> 
    </div> 
</template> 


<script> 
    export default { 
    props:[ 
    ], 
    data(){ 
     return { 
     subcats:[] 
     } 
    }, 
    mounted() { 
     this.getAllSubcat() 
    }, 
    methods: { 
     getAllSubcat(){ 
     var vm = this; 
     vm.$http.get('/getSubcat').then((response)=>{ 
      vm.subcats = response.data.data.subcat.data; 
     }); 
     } 
    } 
    } 
</script> 

SubcategoryController.php

<?php 

namespace App\Http\Controllers; 

use Illuminate\Http\Request; 
use App\Subcategory; 

class SubcategoryController extends Controller 
{ 
    public function getSubcat() 
    { 
     $subcat = Subcategory::Orderby('name')->get(); 
     $response = [ 
      'data' => [ 
       'subcat' => $subcat 
      ] 
     ]; 
     return response()->json($response); 
    } 
} 

web.php

Route::get('/getSubcat', 'SubcategoryController@getSubcat'); 

Answer 1

Спасибо за @saurabh, что я дважды чек и response.data.data.subcat должны быть правильный вызов. paginate действительно считывает данные по-разному.