A demo-project with (almost) live-coding the transformation: Laravel-only form changed to a Vue.js component with submission, success message, and validation - all handled in the Vue component.

0:00 Intro and Original Laravel Form
1:09 Replace Blade Form with New Vue.js Component
3:45 Compiling JavaScript with “npm install” and “npm run dev”
5:06 Loading Categories for Dropdown in the Form
7:26 First Successful Submit of the Form
11:36 Short Notice about CSRF Token
12:05 Showing Success Message Alert
13:17 Showing Validation Errors

Repository: https://github.com/LaravelDaily/Laravel-Vue-Form-Demo

Subscribe : https://www.youtube.com/channel/UCTuplgOBi6tJIlesIboymGA

#laravel #vue

Laravel Form: From Blade to Vue.js + API
4.75 GEEK