javascript - Vue JS-在同一级别的两个组件中传递数据

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

我不使用vuex或路由器。

组件树:

-Parent
--Component1
--Component2

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

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

而且我需要访问以component2检索数据的方式

我可以不用vuex或路由器吗？

谢谢 :)

最佳答案

您可以从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"]