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或{{1} }（重新加载热代码）。

此外，您还必须渲染Vue应用（忘记了）：

yarn hot ：

app.js