来自 app.js 的 Vue 数据未显示在 Laravel Blade 中

Question

My console is

and my app.js is like this

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

and my blade template is like this

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

Answer 1

You are probably not having the component placed inside the blade file.

Add the <example-component></example-component> tag into your home.blade.php or whichever .blade.php file that you are using.

Answer 2

The code to put in your home.blade.php

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

  </body>