Chapters
00:00 - Creating our component file
00:55 - Defining our FormInput props
02:40 - Using our prop values
04:37 - Using our FormInput component
06:00 - Doing some cleanup
Ready to get started?
Join Adocasts Plus for $8.00/mo or sign into your account to get access to all of our lessons.
Creating A FormInput Vue Component
In this lesson, we'll create a reusable FormInput Vue Component using our current form field as a starting point.
- Author
- Tom Gobich
- Published
- Sep 13
- Duration
- 7m 9s
Developer, dog lover, and burrito eater. Currently teaching AdonisJS, a fully featured NodeJS framework, and running Adocasts where I post new lessons weekly. Professionally, I work with JavaScript, .Net C#, and SQL Server.
Adocasts
Burlington, KY
Ready to get started?
Join Adocasts Plus for $8.00/mo or sign into your account to get access to all of our lessons.
-
Getting Started
-
The Basics
-
2.0The Flow of Pages and Page Props6m 55s
-
2.1Sharing Data from AdonisJS to Vue via Inertia7m 37s
-
2.2Linking Between Pages & Page State Flow5m 58s
-
2.3The Link Component and Programmatic Linking8m 32s
-
2.4Global Components and Hydration Mismatch in Action5m 0s
-
2.5Partial and Lazy Data Loading and Evaluation9m 11s
-
2.6Creating A Layout6m 55s
-
2.7Default Layouts & Overwriting the Default Layout6m 0s
-
2.8Specifying Page Titles & Meta Tags8m 59s
-
2.9What Code Can & Can't Be Shared Between AdonisJS & Inertia3m 10s
-
-
Working with Forms
-
Database & Project Scaffolding
-
Understanding Our Database Schema2m 18s
-
Defining Our Migrations & Foreign Keys13m 48s
-
Defining Our Lucid Models & Relationships19m 8s
-
Creating A Lucid Model Mixin for our Organization Relationship8m 29s
-
Seeding Our Initial Database Data3m 39s
-
Typing Lucid Models in Inertia with DTOs10m 58s
-
Completing Our AppLayout & Navigation Bar16m 31s
-
Creating A Toast Message Manager15m 7s
-
-
Authentication & Onboarding
-
The User's Organizations
-
Setting & Loading the User's Active Organization12m 42s
-
Listing the User's Organizations6m 42s
-
The Form Dialog Component & Adding Organizations11m 51s
-
Switching Between Organizations2m 56s
-
Creating A UseResourceActions Composable8m 42s
-
Editing the Active Organization7m 0s
-
The Confirm Delete Dialog & Deleting the Active Organization18m 24s
-
-
Difficulties, Statuses, & Access Levels
Join The Discussion! (0 Comments)
Please sign in or sign up for free to join in on the dicussion.
Be the first to Comment!