Vue.js is an open source progressive JavaScript framework used to develop interactive web applications. Vue is a reactive system that uses plain JavaScript objects and optimized re-rendering of elements in a DOM (Document Object Model).
Read Also: Create new Laravel project with Bootstrap scaffolding
Laravel provides various front end scaffolds like Boostrap, Vue and react. By following this post you can easily install Vue.js in your Laravel application. Download the laravel/ui package using composer.
composer require laravel/ui
Now install Vue.js using the below command. You can install it in two ways one way is only Vue another is Vue with auth.
Install Vue.jsphp artisan ui vue
Install Vue.js with auth
php artisan ui vue --auth
Now your Laravel project is scaffolded with Vue.js. Next install JavaScript dependencies using NPM(Node Package Manager)
npm install
You can verify this by opening app.js present at location resources/js/ which includes the vue components and its instance details as shown like in below screen shot.
Once this installation is finished run the following command, this will create the required app.css file at public/css and app.js file at public/js.
npm run dev
Finished! you can start building Vue components in your project. Thank you for reading this post.