Vue.js is an open source framework for building client-side applications. Vue js mainly used for single page user interface application.
Components are important features for that creates custom elements, which can be reused in html. Here, we can see two type of components,
- Draggable Component
- Countdown Timer Component
-
Draggable Component
Draggable component is used for drag any component and move from one place to other place in screen.
To make component draggable need to install draggable library run the below command in project command prompt
npm install vue-drag-it-dude --save
-
Countdown Timer Component
It is used for display timer counter. Using of this timer we can manage time based condition or functionality like we can used timer counter for timer based quiz.
To display timer component need to install countdown timer library run the below command in project command prompt
npm i vuejs-countdown-timer -S
-
Conclusion
Component is contained unit of code that represents logical block of your application. So, basically Draggable and Time countdown components are easy to use and easy to customize the options.