Watch complete Vuex tutorials here.

For the Vuex tutorial purpose, I have created this very basic Laravel API. So, before running the Vuex project, you need to run the Laravel API project first. For that, follow the below steps:

cd laravel-api composer install 

After installing composer dependencies, add your database credentials in .env file and then run migrations.

php artisan migrate 

Now it's time to generate some dummy products. For that, I have created ProductTableSeeder. It will generate dummy products using faker. So, run db:seed to generate some dummy products.

php artisan db:seed 

Now, in the terminal run artisan serve command. It will run the application at http://127.0.0.1:8000 URL, and that URL path used in the Vuex source code.

php artisan serve 

If you are running the Laravel API on a different URL path, then you need to update the URL path in the src/apis/Api.js of the Vuex project.

cd vuex-tutorial npm install 

npm run serve 

Vuex tutorial (Vue.js state management) Playlist