Using Vue component in Laravel 5.3

Question

I have a fresh installation of Laravel 5.3 project which built in with example Vue component.

require('./bootstrap');

Vue.component('example', require('./components/Example.vue'));

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

I then tried to add

<example></example>

in welcome.blade.php, saved it, but nothing changed.

I run gulp watch, too even I didn't change any JS file.

Did I miss something? Or this is not the way Vue component works?

piscator · Accepted Answer · 2016-10-07 13:26:22Z

2

Did you include app.js in welcome.blade.php?

<body>
    <div id="app">
        <example></example>
    </div>
    <script src="{{ asset('js/app.js') }}"></script>
</body>

You probably did so, but also be sure to add an element with the id (in this case #app) you defined in the options of your Vue instance.

answered Oct 7, 2016 at 13:26

piscator

8,8495 gold badges26 silver badges35 bronze badges

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

1 Comment