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'
});