vue中，点击按钮将父组件中的数组传递给子组件

在Vue中，可以使用props来将父组件的数据传递给子组件。可以将父组件中的数组作为一个props传递给子组件。下面是一个例子：

父组件：

<template>
  <div>
    <button @click="sendArrayToChild">传递数组给子组件</button>
    <ChildComponent :myArray="myArray"></ChildComponent>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  name: 'ParentComponent',
  components: {
    ChildComponent
  },
  data() {
    return {
      myArray: [1, 2, 3, 4, 5]
    }
  },
  methods: {
    sendArrayToChild() {
      // 点击按钮后将数组传递给子组件
      this.$refs.childComponent.receiveArray(this.myArray);
    }
  }
}
</script>

子组件：

<template>
  <div>
    <p>子组件中接收到的数组：{{ myArray }}</p>
  </div>
</template>

<script>
export default {
  name: 'ChildComponent',
  props: ['myArray'],
  methods: {
    receiveArray(array) {
      // 接收到数组后进行处理
      console.log(array);
    }
  }
}
</script>

在父组件中，我们使用了v-bind指令将myArray传递给子组件，并在子组件中使用props来接收数据。在父组件中，我们定义了一个sendArrayToChild方法，在该方法中，我们通过$refs获取到子组件的实例，并调用其receiveArray方法来将数组传递给子组件。