Vue JS Custom Number Input | Quick Tutorial

Learn how to build a custom number input design using Vue JS.

Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/membership

What you will learn:
How to -
- Import and declare components in Vue
- Add custom props to Vue components
- Conditionally add classes and styles
- Use refs in Vue
- Use the v-model Directive
- Add events in Vue
And much more...

Project Dependencies:
-----------------

Font Awesome:
https://fontawesome.com

Useful Links:
-----------------

Vue JS v-model directive:
https://vuejs.org/guide/essentials/forms.html

Vue JS refs:
https://vuejs.org/guide/essentials/template-refs.html#template-refs

Build the same thing, but with plain Javascript:
https://youtu.be/onSjMYOp1Ao

-----------------

Timestamps:
0:00 Intro
0:10 Preview
1:00 App.vue
1:31 CustomNum.vue

-----------------
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)

All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.

Extra Links:
-----------------

Follow me on Instagram:
https://www.instagram.com/quickcodingtuts/

My Products:
https://www.buymeacoffee.com/webcode/extras

Support Me To Keep Creating And Improving My Content:
https://www.buymeacoffee.com/webcode/membership

Tags:
-----------------
#vuejs
#css
#javascript