Intro to Authentication + Authorization
2:31
Displaying Users
4:20
Setting CurrentUser
5:43
Saving currentUser to localStorage
2:29
Basic Login Flow - Email and Password
9:29
Hide/Show Password
6:01
Login Form Validations
6:41
UserAuthForm Component
5:17
The User Registration Page
7:17
Navbar Cleanup
2:32
Mid-Course Review for Auth
7:46
Navigation Guards
5:36
Nested Routes with Vue Router
8:16
Token Authentication
11:24
Review
3:22
0% done with Authentication and Authorization in VueJS

Chapter 8 of 27 in Building VueScreencasts.com
UserAuthForm Component

Soon we'll be wanting to make the Registration page, but to keep from repeating ourselves we're going to abstract the UserAuthForm Component from the Login page.

We'll pass in a submitForm function and a buttonText string, but the rest of the Component can be shared between the two pages. When the user clicks the submit button, we'll call the submitForm function that was passed in.

What do others think of VueScreencasts?
"You're a blessing my dude. Thank you so much for this!"
—elmo
"Great video."
—Sanjay Gyawali
"Really nice, thank you."
—WaterCamelsHowLong
"Thanks Jeffrey, great lessons with so much content and new concepts! Can't wait for the next ones."
—Bairre G
Take your career to the next level