Vue：如何将数据从父组件传递到所需的子组件？

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
        }
    }
})

Answer 1

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