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?
"Thanks @Vue Screencasts!! This video helped me a lot in understanding Vuex, and in answering questions that I have, which I can't find answers for on StackOverflow. Keep up the good work!!"
—kidgr33n
"Awesome video! Easy to follow along with a lot of explanation into whats happening! Thanks a ton!"
—Ritika Singh
"Really enjoying these, thank you!"
—Lars Sørensen
"Such an excellent video! Your explanations are so clear. This is the first time where I don't feel burned out in a 40min+ video tutorial. Thank you so much!"
—João Victor Valentim
Take your career to the next level