VUE.JS: Passing Data From Parent To Child Component

Question

I have a layout file in which I have some data. Besides that I have three components:

• tags
• students
• actions

I want to declare the data in the layout file, but access it through the three child-components.

How is this done in Vue.js?

Thank you for your help.

Answer 1

One option can be to pass the props to all the child components which is the norm in vue when it comes to passing data to child component, as also explained here.

Given that you want to pass same data to all these components and there can be cases going forward when you want to change this data and get it reflected in parent as well, you can go for a centralised state management, which is explained here in more detail.