Tutorials for Vue.js

• 

  Mar 2025

  · 82 min read · premium

  Course: Vue Laravel 12 Starter Kit: CRUD Project

  In this course, we will create a simple CRUD project on top of the Laravel 12 Vue.js starter kit. Th...
• 

  May 22, 2024 · 12:37 mins

  Video: Laravel TALL vs VILT Stack: Explained with Examples

• 

  February 11, 2025 · 4:23 mins

  Video: Roles/Permissions: Laravel + Vue Inertia + Spatie

• 
  October 05, 2021 · Updated Mar 2024 · 22 min read · premium

  Laravel 11 + Vue.js 3 CRUD with Composition API

• 
  March 21, 2023 · 18 min read · premium

  Laravel Api Auth with Vue and Sanctum: All You Need To Know

• 
  June 20, 2025 · 14 min read · premium

  Vue.js in Laravel: Main Things You Need to Know

• 

  October 07, 2021 · 41:03 mins

  Video: Live-Coding: Laravel CRUD + Vue.js 3 Composition API

• 

  April 27, 2022 · 21:01 mins

  Video: From Laravel Blade to Vue.js 3: Live-Coding Demo

• 

  July 15, 2021 · 13:39 mins

  Video: Livewire VS Vue.js: Practical Example of Dependent Dropdowns

• 

  Package: xiCO2k/laravel-vue-i18n

  laravel-vue-i18n is a Vue3 plugin that allows to connect your Laravel Framework translation files with Vue. It uses the same logic used on Laravel Localization.

• 

  Code example: familytree365/backend

  Files in the example

  • app/Http/Controllers/CompanyController.php
  • pages/company/create.vue
  • routes/api.php
• 

  Code example: guillaumebriday/laravel-blog

  Files in the example

  • app/Http/Controllers/Api/V1/CommentController.php
  • resources/js/components/comments/CommentList.vue
  • routes/api.php
  • app/Http/Resources/Comment.php
• 

  Code example: iluminar/goodwork

  Files in the example

  • app/Office/Controllers/OfficeController.php
  • resources/assets/js/store/office.js
  • app/Office/routes.php
  • resources/assets/js/components/home/offices.vue
• 

  September 23, 2020 · 11:22 mins

  Video: Laravel Livewire vs Vue vs jQuery: Simple Example

• 

  December 04, 2024 · 9:24 mins

  Video: Multi-Step Form with Vue Inertia and Laravel Breeze

• 

  March 22, 2022 · 4:18 mins

  Video: Laravel Vue.js 3 Pagination: Composition API Example

• 
  September 28, 2023 · 7 min read · premium

  Laravel and Vue.js: Pagination and Infinite Scroll Examples

• 
  April 24, 2023 · 6 min read

  How To Prevent Double-Click Submit: JS, Alpine, Vue, Inertia and Livewire

• 
  September 28, 2023 · 4 min read

  Laravel and Vue.js Translations with i18n Plugin

• 

  Code example: devhub-az/devhub

  Files in the example

  • routes/api.php
  • resources/js/components/articles/ArticleShowComponent.vue
  • app/Http/Resources/ArticleResource.php
• 

  Code example: Melcus/parking-system

  Files in the example

  • store/garages.js
  • routes/api.php
  • app/Http/Controllers/Api/GarageController.php
  • app/Http/Resources/GarageIndexResourceCollection.php
• 

  Code example: firefly-iii/firefly-iii

  Files in the example

  • app/Api/V1/Controllers/Chart/AccountController.php
  • routes/api.php
  • frontend/src/components/dashboard/MainAccount.vue