Components

Table of Contents

• When to Use
• Instructions
• Details
• Source

Vue components are the building blocks of Vue apps by allowing us to couple markup (HTML), logic (JS), and styles (CSS) within them.

When working within a Vue application, it's important to understand that almost every element displayed in the UI is oftentimes part of a Vue component. This is because a Vue application is often composed of components nested within components, forming a hierarchical structure.

When to Use

• Use this as foundational knowledge for building any Vue application
• This is helpful for understanding how to structure, compose, and reuse UI elements in Vue

Instructions