![Cover image for Vue Component Communication Part 1 - Parents and Children [VueJS]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fgjshjmgz3kwu9cqe24s5.png)
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
- Communication between sibling components.
- Sharing data between unrelated components -- those not on the same page at the same time.
Top comments (0)