Tutorials for Vue.js

• 

  April 2024

  · 22944 words · premium

  Course: Vue.js 3 + Laravel 11 + Vite: SPA CRUD

  This is a text-based version of a previous video course on the same subject, updated to Laravel 10 w...
• 

  April 2024

  · 11168 words · premium

  Course: Vue Inertia + Laravel 11: From Scratch

  So, you want to create web-projects as SPAs, but you feel it's too complicated? Meet Inertia.js. Sin...
• 

  February 2023

  · 21638 words · premium

  Course: Vue.js 3 Client Parking App: Step-by-Step

  This is a step-by-step course how to create a Vue.js application for the existing separate Laravel-b...
• 
  October 05, 2021 · Updated Mar 2024 · 22 mins, 4351 words · premium

  Laravel 11 + Vue.js 3 CRUD with Composition API

• 
  March 21, 2023 · 18 mins, 3510 words · premium

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

• 
  September 28, 2023 · 7 mins, 1351 words · premium

  Laravel and Vue.js: Pagination and Infinite Scroll Examples

• 

  October 07, 2021 · 41:03

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

• 

  April 27, 2022 · 21:01

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

• 

  July 15, 2021 · 13:39

  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

  Video: Laravel Livewire vs Vue vs jQuery: Simple Example

• 

  March 22, 2022 · 4:18

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

• 
  April 24, 2023 · 6 mins, 1150 words

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

• 
  September 28, 2023 · 4 mins, 649 words

  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