is Dynamic Tag or Component

Last updated: 2026-10-22

is Dynamic Tag or Component

The is attribute tells which component or native tag to render, including native element swaps.

GroupBuilt-ins
KindSpecial Attribute
ScopeTemplate
Vue Version3.0+
SSR SupportYes

📝 Syntax

<component :is="current"></component>
<component is="strong">bold text</component>

⚙️ Arguments

propsA component name, definition or native tag string

▶ Example

Edit the code below and see the live result:

Output:

The second line toggles between em and strong tags.

💡 Key Points

ℹ️ Note is only works with .
💡 Tip Great for dynamic form fields and rich-text nodes.
⚠️ Warning Native tag strings do not create components.
More case studies coming soon.

📚 Related Tutorials

❓ FAQ

Q Relation to <component>?
A is is its attribute — together they pick the target.
Q Can it render string tags?
A Yes — native names like span or h3 work.
Q Versus v-html?
A is stays within the template system; v-html injects raw markup.
Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏