laravel: 5.7 Данные не отображаются на странице

Question

Я сделал компонент в laravel, и когда я пишу txt init, он не отображается, какое-либо решение для решения этой проблемы,

снимок экрана папок:

вот что я использую:

код app.js https://ibb.co/g4V12NF

код users.vue:

 <template>
  <div class="container">
    <div class="row">
    <div class="col-12">
    <div class="card">
      <div class="card-header">
        <h3 class="card-title">Users Table</h3>

        <div class="card-tools">

        </div>
      </div>
      <!-- /.card-header -->
      <div class="card-body table-responsive p-0">
        <table class="table table-hover">
          <tbody><tr>
            <th>ID</th>
            <th>User</th>
            <th>Date</th>
            <th>Status</th>
            <th>Reason</th>
          </tr>
          <tr>
            <td>183</td>
            <td>John Doe</td>
            <td>11-7-2014</td>
            <td><span class="tag tag-success">Approved</span></td>
            <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
          </tr>
        </tbody></table>
      </div>
      <!-- /.card-body -->
    </div>
    <!-- /.card -->
  </div>
</div>
</div>
  export default { mounted() { console.log('Component mounted.') } }

Может кто-нибудь предложить решение

Answer 1

Вы не должны использовать asset('js/app.js') для загрузки кода Vue, правильный способ будет использовать mix('js/app.js'), и не забудьте запустить сервер разработки: npm run hot или yarn hot (с горячей перезагрузкой кода).

Кроме того, вы должны отобразить приложение Vue (вы забыли это):

app.js:

// ...
new Vue({
  router,
  el: '#app'
});