Vue js - 在同一级别的两个组件内传递数据

Question

我有需要从一个传递component1到另一个的数据component2。

我不使用vuex或router。

组件树：

-Parent
--Component1
--Component2

从一开始component1我发出ajax请求，检索信息并推送数据。

board: [1,2,3,4,5]

我需要访问检索到的数据 component2

我可以在没有vuex或路由器的情况下做到吗？

谢谢 ：）

Answer 1

您可以向父级发出一个事件，component1将更新作为参数，board并在父级中接收该事件并将其传递props给component2

在component1：

this.$emit("sendToComp2",this.board);

在parent组件中：

  <template>
  <component1  @sendToComp2="sendTo2"/>
  ...
  <component2 :boards="boards" />
  ....
  </template>


  data:{
    boards:[]
    },
  methods:{
       sendTo2(boards){
        this.boards=boards
          }
      }

component2 应该有属性调用 boards

  props:["boards"]