Laravel 5.3 Vue 2.0 Vueへのデータベースデータの取得

Question

私は混乱しているかどうかはわかりませんが、コントローラ用のデータベースからデータを取得し、vue用のデータを処理する作業を離れるべきですか？それともベストプラクティスなのでしょうか？

ここで私のサブカテゴリテーブルからsubcatを取得しようとしていますが、devtoolのエラーではなくsubcatsが設定されていません。助けてください、またはより良い練習を提案するために自由に感じてください。ありがとう！私がチェックしresponse.data.data.subcatダブル@saurabhため

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

Answer 1

おかげであるべき

項目-ソート-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正しい呼び出し。改ページはデータを別々に読み込みます。