Vue: how do I pass down data from my parent component to required child components?

Question

In my root component (app.js), I have data, activeTab, that I want to pass down to Topbar. How do I do this from within the app.js file I have here?

app.js

window.Vue = require('vue');


Vue.component('Topbar', require('./components/Topbar.vue').default);


new Vue({
    el: "#app",
    data: {
        activeTab: "cart"
    },
    methods: {
        handleTabChange: function(tab) {
           this.activeTab = tab
        }
    }
})

Possible duplicate of [Pass data from parent to child component in vue.js](https://stackoverflow.com/questions/39199303/pass-data-from-parent-to-child-component-in-vue-js) — Thanthu, Mar 11 '19 at 05:22

score 0 · Answer 1 · edited Jul 16 '22 at 04:19

0

props are what you need to pass down data. see here

edited Jul 16 '22 at 04:19

tony19

125,647
18
229
307

answered Mar 11 '19 at 05:14

exloser

37
1
7

Vue: how do I pass down data from my parent component to required child components?

1 Answers1