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

Posted 2023-02-23

【中文标题】Vue：如何将数据从父组件传递到所需的子组件？

【英文标题】：Vue: how do I pass down data from my parent component to required child components?

【发布时间】：2019-08-01 09:12:44

【问题描述】：

在我的根组件 (app.js) 中，我有数据 activeTab，我想将其传递给 Topbar。如何从我在这里的 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
        
    
)

【问题讨论】：

是否有您没有向我们展示的***模板？

@WW。我有一个刀片文件（php 视图）：

Pass data from parent to child component in vue.js的可能重复

【参考方案1】：

props 是传递数据所需的。见here