🃏 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 vuejs.org/guide/essentials/co...
🔗 unplugin-auto-import - github.com/unplugin/unplugin-...
🔗 resolveComponent - vuejs.org/api/render-function...
🔗 Async Components - vuejs.org/guide/components/async
🔗 Global components in Nuxt - github.com/nuxt/nuxt/blob/fdb...
📺 Lazy Prefix in Nuxt - • The Lazy component pre...
📺 @DejaVueFm
Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up!
🌐 Connect further:
Website: 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
6 июл 2024