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 deserve more views and subs man"
—Jijin Jayakumar
"Wow Im gonna follow your video tutorial journey :D"
—Mathias Jacobsen
"Thanks, really liking these videos."
—Mustahsinul Moula
"Thanks, just looked for something good about how Nuxt work with its pages, layout, store, and your videos are really good!"
—justLbee
Take your career to the next level