如何在 Vue Js 中将数据值从一个组件更改为另一个组件？

Question

我是 Vue Js 的新手。所以，我面临着从另一个组件更改数据值的问题。

我有一个组件 A：

 <template>
   <div id="app">
      <p v-on:click="test ()">Something</p>
   </div>
</template>

import B from '../components/B.vue';
export default {
    components: {
        B
    },
    methods: {
        test: function() {
            B.data().myData = 124
            B.data().isActive = true
            console.log(B.data().myData);
            console.log(B.data().isActive);
        }
    }
}

组分 B：

 export default {
    data() {
        return {
            myData: 123,
            isActive: false

        }
    }

}

它仍然是组件 B 数据。但不能影响组件B数据。我想从组件 A 更改组件 B 的数据。我该怎么做？

请详细解释一下。我看过 vue js props 属性，但我不明白。

原文由 Sukanta Bala 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你正在寻找 Vuex 。

它是应用程序中所有数据的集中存储。

看看他们的文档，它应该非常简单。

原文由 mutantkeyboard 发布，翻译遵循 CC BY-SA 3.0 许可协议