Vue 3 Tutorial - Build reusable Popup Modal component with Composition API, Transition from scratch

Published: 14 January 2022
on channel: TutsPrime
13,794
89

‪@TutsPrime‬
In this tutorial we're going to learn how to make a reusable pop-up modal component with Vue.js 3. We're going to use composition API which is a new feature in vue.js 3. We'll also use the transition component provided by Vue to apply transition effect to the modal.

Source code:
https://tutsprime.com/videos/vue-js-3...

Timeline:
00:00 Introduction
00:31 Vue project scaffolding
01:46 Create base modal component
03:21 Show and hide the modal
04:23 Styling the modal
08:31 Adding transition effect
11:45 Keyboard binding


Watch video Vue 3 Tutorial - Build reusable Popup Modal component with Composition API, Transition from scratch online without registration, duration hours minute second in high quality. This video was added by user TutsPrime 14 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,794 once and liked it 89 people.