Vue 2 & Material Design Lite Login Component Tutorial
This tutorial is a Material Design Lite version of the already existing Bootstrap 3 login component tutorial. This one has some enhancements and explains both how to implement the design and how to get around the 'required' element bug in MDL validation.
Please leave comments and subscribe for more...
Table of Contents:
00:00 - Introduction
02:59 - Overview Of The Build
07:24 - Installing Vue & Vue-CLI
10:24 - Updating Core Vue Files
14:30 - Reviewing Installed Files
17:27 - Update index.html
18:30 - Install Material Design Lite
21:56 - Clean Vue Templates
28:38 - Scaffold MDL Component
50:51 - Adding the form
54:17 - MDL Validation
1:23:10 - Adding Props
1:34:14 - Adding a watch
1:36:45 - Login Functionality
1:47:40 - Remember Me Cookies
1:54:08 - Summary - Wrap up
You can see the demo in action here: https://tcstx.github.io/vue-mdl-login...
You can download the source files for this project here: https://github.com/tcstx/vue-mdl-logi...
Leave any questions in the comments section and don't forget to subscribe! :)
Help me cover the costs of creating these tutorials. :)
https://www.paypal.me/raswebdesign
/ raswebdesign