javascript - 如何在 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 属性，但我不明白。

Answer 1

您正在寻找 Vuex .

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

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