Laravel Form: From Blade to Vue.js + API

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…

Laravel Form: From Blade to Vue.js + API

Source

0
(0)

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

Related video:
– Learn Vue.js Basics from Default Laravel Installation https://www.youtube.com/watch?v=PZwBXZWPKco

– – – – –
Try our Laravel QuickAdminPanel: https://bit.ly/quickadminpanel
Enroll in my Laravel courses: https://laraveldaily.teachable.com

0 / 5. 0