Vue data from app.js is not showing in 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>

In your home.blade.php are you including a link to the js file? — Djave
– Djave, Commented Apr 4, 2018 at 9:14

Ru Chern Chong · Accepted Answer · 2018-04-04 09:31:09Z

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.

answered Apr 4, 2018 at 9:31

Ru Chern Chong

3,77613 gold badges36 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Charles G · Accepted Answer · 2020-02-28 17:41:04Z

1

The code to put in your home.blade.php

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

  </body>

answered Feb 28, 2020 at 17:41

Charles G

1,38111 silver badges9 bronze badges