laravel ve vue.js'yi kullanarak veri listeleme

Question

Bazı verileri bir laravel sayfasında listelemeye çalışıyorum ancak sonuç popüle edilmiyor. Lütfen beni kontrol edip düzeltebilir misiniz? Bunu doğru şekilde takip edip etmediğimi bilmiyorum. Şu anda vue.js laravel blade şablonuna eklenmiştir.

Sofranızdaki yanlış kimliğini kullanan

@extends('layouts.app') 

@section('title', 'Customers List') 

@section('styles') 
@endsection 

@section('content') 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-10 col-md-offset-1"> 
       <div class="panel panel-default"> 
        <div class="panel-heading">Customers List</div> 
        <div class="panel-body"> 
         <table class="table table-hover table-bordered" id="demo"> 
          <thead> 
          <tr> 

           <th>Name</th> 
           <th>Age</th> 

          </tr> 
          </thead> 
          <tbody> 
          <tr v-for="people in peoples"> 
           <td> @{{ people.name }} </td> 
           <td> @{{ people.age }} </td> 
          </tr> 
          <pre> @{{ $data | json }} </pre> 
          </tbody> 
         </table> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
@endsection 

@section('scripts') 
    <script src="/js/vue.js"></script> 
    <script src="/js/vue-resource.min.js"></script> 
    <script> 
     new Vue({ 
      el: '#app', 
      data: { 
       peoples: [ 
        { name: 'John', age: 50 }, 
        { name: 'Smith', age: 20 }, 
        { name: 'Foo', age: 30 }, 
        { name: 'Joo', age: 60 } 
       ] 
      } 
     }); 
    </script> 
@endsection 

Answer 1

list.blade.php. Vue nesnesinde, kimlik olarak app tanımladınız, ancak tablonuz demo kimliğine sahip.