DEV Community

Cover image for Vue Component Communication Part 1 - Parents and Children [VueJS]
Patrick O'Dacre
Patrick O'Dacre

Posted on • Edited on

3

Vue Component Communication Part 1 - Parents and Children [VueJS]

Subscribe to my YouTube channel for more tutorials on working with VueJS and AdonisJS -- an MVC framework for NodeJS!

When you are first starting out with VueJS, you will quickly get to a point where you need to communicate data between a parent component and its children.

In this tutorial, I cover the basics of how data can be sent between the two:

  • How to pass data down from parent to child
  • How to pass data up from child to parent
  • How to use the .sync modifier

Watch Video + Fork the Pen

Coming Soon

  1. Communication between sibling components.
  2. Sharing data between unrelated components -- those not on the same page at the same time.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay