SitePoint
  • Blog
  • Forum
  • Library
  • Login
Join Premium
  1. Details
  2. Creator
  3. Content
  4. Reviews
  5. FAQ
How to Build a Reusable Component with Vue Cover

How to Build a Reusable Component with Vue

Created by

Deji Atoyebi

Published by

SitePoint

Last Updated

1 February 2019

Details

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.

Description

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.

Creator

Deji Atoyebi avatar

Deji Atoyebi

Deji is a software developer and technical writer with 5 years' experience building web and mobile apps. For web development, he uses anything Python for the backend and Vue.js at the front-end. When he isn't busy coding, he spends time doing some other stuff with his laptop.
Deji Atoyebi avatar

Content

1
Preview

Reviews

Log in to write a review!

Frequently Asked Questions

How to Build a Reusable Component with Vue Cover

How to Build a Reusable Component with Vue

  • Unlimited access to this title and 600+ others in our library

  • New titles added frequently

  • Cancel anytime

Stuff we do

  • Premium
  • Newsletters
  • Forums

About

  • Our Story
  • Terms of use
  • Privacy Policy
  • Corporate Memberships

Contact

  • Contact us
  • FAQ
  • Publish your book with us
  • Write an article for us
  • Advertise

Connect

© 2000 – 2024 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.