In this tutorial we'll teach you how to build a reusable modal component using Vue. We'll guide you through creating a simple authentication modal, creating a component out of it using Vue and then lastly, creating a skeleton modal component which can be copied and reused.
Modals are a very important, multi-purpose feature of many websites. Their main function is to bring information to the immediate attention of users. They are particularly useful when crucial information is to be passed or an action must be carried out before users gain access to, say, a resource. A common use case of modals is to present an authentication (login or sign-up) form before a user can carry out a particular action. You’ll porbably be required to create a modal component at least once during your journey as a web developer, so this tutorial will show you how to build a re-usable modal component.