Import a Vue js component from Laravel Blade File

Solution:

register the component in another file rather thanĀ app.js

resources/js/example.js

window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.vue').default);

Compile your component to another file inĀ webpack.mix.js

mix.js('resources/js/app.js', 'public/js')
   .js('resources/js/example.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

Include it in blade

<script src="/js/example.js"></script>