來自 app.js 的 Vue 數據未顯示在 Laravel Blade 中

Question

我的控制台是

我的app.js是這樣的

const app = new Vue({
  el: '#app',
  data: {
    msg: 'my new msg'
  }
});

我的刀片模板是這樣的

<div id="app">
  @{{ msg }}
</div>

Answer 1

您可能沒有將組件放置在刀片文件中。

將<example-component></example-component>標記添加到您的home.blade.php或您正在使用的任何.blade.php文件中。

Answer 2

放在home.blade.php 中的代碼

  <script src="{{ mix('js/app.js') }}"></script>

  </body>