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

Опубликовано: 01 Апрель 2025
на канале: Laravel Daily

71,213

1.7k

This is a longer video of almost live-coding a simple Vue.js 3 + Laravel CRUD. There are a lot of tutorials around this topic, but not enough with the new Composition API.

00:00 Intro
00:48 Laravel API
07:12 Vue: Install & "Hello World" Component
12:58 Vue Composition API: Companies List
19:28 Delete Company Button
23:29 Create Form
30:50 Form Validation
32:34 Edit Form

Related links:
Repository: https://github.com/LaravelDaily/Larav...
Article version of the same video: https://laraveldaily.com/laravel-8-vu...
My course "Vue.js 3 + Laravel 9 SPA: CRUD with Auth": https://laraveldaily.teachable.com/p/...

Related tutorials:
Why Composition API? https://v3.vuejs.org/guide/compositio...
Vue 3 Composition API vs. Options API https://markus.oberlehner.net/blog/vu...
Reactive Variables with ref https://v3.vuejs.org/guide/compositio...

- - - -
Support the channel by checking out our products:
Enroll in my Laravel courses: https://laraveldaily.teachable.com/p/...
Try our Laravel QuickAdminPanel: https://bit.ly/quickadminpanel
Purchase my Livewire Kit: https://livewirekit.com
View Laravel Code Examples: https://laravelexamples.com
Subscribe to my weekly newsletter: http://bit.ly/laravel-newsletter