Question

您好我看到帖子谈论这个，但是我不容易理解我要在组件之间共享数据我要做什么，我不想使用事件总线所以你能告诉我如何使用道具吗？

组件A：

var fileExtensions = "mydsl"

组件B：

<template>
  <div>
    <div class="container">

                  <fileForm></fileForm> //<--- THE COMPONENT B      
        </div>
      </div>
</div>
</template>

<script>

export default {

  name: "DashBoard",
  data() {
    return {
      user: {},
    };
  },
  methods: {
    checkIfImLoggedIn() {

      }
    },
    onComplete() {
    },
  },
  mounted() {
    this.checkIfImLoggedIn();
  }
};
</script>

Answer 1

https://alligator.io/vuejs/component-communication/

你需要做有关组件沟通的研究，他们有很多方法可以做到这一点;）

Answer 2

如果您想将父母的数据分享给孩子，您可以这样做：

组件A上的

<fileForm :something="user"></fileForm>

在组件B中

props: {
  something: Object
}

如果您想要将孩子的数据共享给父母，您必须使用事件总线或vuex：https://vuejs.org/v2/guide/components.html#Non-Parent-Child-Communication

如何在组件之间共享数据Vue js

2 个答案: