Installing vue.js in Laravel 8

If you are using Laravel 8 PHP framework and want to install Vue.js here is how you can do it.

  1. Run command: npm install --save vue
  2. Add below to resources/js/app.js:
    window.Vue = require('vue');
     Vue.component('example-component', require('./components/VueComponent.vue').default);
     const app = new Vue({
       el: '#app',
  3. Create your component: VueComponent.vue
      <div>Testing vue with Laravel 8</div>
      export default {
        mounted() {
          console.log("Testing vue with Laravel 8");
  4. In the head section of resources/views/layouts/app.blade.php add <script src="{{ asset('js/app.js') }}" defer></script> and add id="app" to <body>
  5. Add or main
    in your layout file (resources/views/layouts/app.blade.php)
  6. Add <example-component /> to your view
  7. Now runnpm run dev, in devtools you should see the console log.

Recent Posts:

Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.