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 blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read 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