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?
"It's very helpful. Thank you for a great tutorial."
—Abdulaziz Al Ghafli
"Thanks so much! Helped a lot."
—BoIoko
"Your tutorial is quite easy to understand."
—Koga2 Kuzengenki
"Thank you for putting in the effort to make these videos and share with all!"
—Ritika Singh
Take your career to the next level