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

Question

在我的根组件（app.js）中，我有要传递给Topbar的数据activeTab。如何从我在这里的app.js文件中做到这一点？

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

道具是传递数据所需的条件。参见here