[Vuejs]-Laravel 5.7 – vue template won't render

0👍

Remove the id=”character-sheet” from Master.vue

In app.js use as follows…..

Vue.component('master', require('./components/layout/Master.vue').default);

const app = new Vue({
el: '#character-sheet' });

Run the command: npm run dev

👤joy

0👍

Your HTML Id is not quoted.

Change <div id=character-sheet>
To <div id="character-sheet">

0👍

id must be unique, you’re putting two elements with same id nested. Try not putting the component inside that tag.

...
<body>
  <master></master>
  <link rel="js" href="{{ asset('js/app.js') }}">
</body>
...

Leave a comment