Pretty much anything smaller than a whole application can be considered a "component", but when we want to talk about them with other people, it can help to be more specific.

In this talk let's use examples and try to separate out (and name) different kinds of components based on their role in an application in the designs we are building with Vue. We'll start with a basic component and work our way up, taking some time along the way to talk about props, slots, and the component lifecycle.

Spotting patterns in how we use components can help us understand our front-end architecture and testing needs, find some language that we can use when talking with designers and other stakeholders about "components" as they see them, and be more clear when communicating with other developers in our own team about the actual Vue components that implement a given design.