Vue -将数组从子组件绑定到父组件

// 子组件
<template>
  <div>
    <button @click="sendArray">发送数组</button>
  </div>
</template>

<script>
export default {
  methods: {
    sendArray() {
      const array = [1, 2, 3, 4, 5];
      this.$emit('array-updated', array);
    }
  }
}
</script>

// 父组件
<template>
  <div>
    <child-component @array-updated="handleArrayUpdated"></child-component>
    <p>接收到的数组：{{ receivedArray }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      receivedArray: []
    }
  },
  methods: {
    handleArrayUpdated(array) {
      this.receivedArray = array;
    }
  }
}
</script>