Dynamic Components

Table of Contents

• When to Use
• Instructions
• Details
• Source

Dynamic components constitute the ability to dynamically change (i.e. switch) between components by binding an is attribute to the reserved <component> element.

We'll go through an example to best understand how dynamic components work. Assume we have separate components titled Home, Feed, and History that simply display text dictating what component it is.

When to Use

• Use this when you need to render different components based on user interaction (e.g., tabs, views)
• This is helpful as an alternative to multiple v-if/v-else blocks for conditional component rendering

Instructions