Dynamic Components in Vue

🃏 The more complex scenarios applications have to cover, the more the need for dynamic components increases. Using different tabs, icons, modals with different content or blocks defined in a CMS - all these cases are typical for dynamic components. But how to implement them in an easy way and which options are there? You'll find out in this video!

---
Key points:

3️⃣ Three different ways to implement dynamic components
🌍 Global components vs. locally imported components
🗻 Bonus - How Nuxt handles global components

---

Links:

🔗 Vue Docs https://vuejs.org/guide/essentials/co...
🔗 unplugin-auto-import - https://github.com/unplugin/unplugin-...
🔗 resolveComponent - https://vuejs.org/api/render-function...
🔗 Async Components - https://vuejs.org/guide/components/async
🔗 Global components in Nuxt - https://github.com/nuxt/nuxt/blob/fdb...

📺 Lazy Prefix in Nuxt -    • The Lazy component prefix and when to...  
📺 ‪@DejaVueFm‬

Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up!

🌐 Connect further:
Website: https://www.lichter.io
Twitter/X:   / thealexlichter  
Twitch:   / thealexlichter  

---

Chapters:

00:00 Intro + Setup
00:42 Demo App
02:36 A simple switch for two components
04:15 Truly dynamic components
05:40 Imports via alias or relative paths
08:09 resolveComponent
10:10 Global components
12:10 Nuxt's global implementation
13:04 Summary