Chapter 4: A Beginner’s Guide to Working With Components in Vue
by Kingsley Silas
One of the great things about working with Vue is its component-based approach to building user interfaces. This allows you to break your application into smaller, reusable pieces (components) which you can then use to build out a more complicated structure.
In this guide, I’ll offer you a high-level introduction to working with components in Vue. I’ll look at how to create components, how to pass data between components (via both props and an event bus) and how to use Vue’s
<slot> element to render additional content within a component.
Each example will be accompanied by a runnable CodePen demo.
How to Create Components in Vue
Components are essentially reusable ...