来自 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>