Async Components

Table of Contents

• When to Use
• When NOT to Use
• Instructions
• Details
• Source

When developing large web applications, performance is paramount. The speed with which a page loads and the responsiveness of its interactive elements can greatly impact user experience. As web applications grow in size and complexity, it can become important to ensure that large bundles of code are loaded only when needed. Enter asynchronous components in Vue.

Components are the fundamental building blocks for constructing the UI. Typically, when we use components, they're automatically loaded and parsed, even if they aren't immediately needed.

When to Use

• Use this when components have large bundle sizes and aren't needed on initial page load
• This is helpful for modals, dialogs, or any UI that is conditionally rendered based on user action