vue子组件向父组件传递数组

可以通过在子组件中使用$emit方法来向父组件传递数组。具体步骤如下：

1.在子组件中定义一个数组，并在需要的时候使用$emit方法将该数组传递给父组件。

// 子组件中
<template>
  <div>
    <button @click="sendArray">传递数组</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [1, 2, 3, 4, 5]
    }
  },
  methods: {
    sendArray() {
      this.$emit('get-array', this.arr)
    }
  }
}
</script>

2.在父组件中引入子组件，并在子组件标签中添加一个自定义事件get-array，该事件会触发一个方法，该方法接收子组件传递的数组。

// 父组件中
<template>
  <div>
    <child-component @get-array="handleArray"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleArray(arr) {
      console.log(arr) // 输出 [1, 2, 3, 4, 5]
    }
  }
}
</script>