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

在Vue中，可以通过props属性将父组件中的数据传递给子组件。在父组件中，可以将要传递给子组件的数组作为一个props属性传递给子组件。具体操作步骤如下：

1. 在父组件中定义一个数组，并将其传递给子组件：

<template>
  <div>
    <button @click="clickHandler">Click me</button>
    <ChildComponent :list="list" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      list: ['item1', 'item2', 'item3']
    }
  },
  methods: {
    clickHandler() {
      // 修改父组件中的list数据
      this.list.push('item4');
    }
  }
}
</script>

2. 在子组件中接收props传递过来的数组：

<template>
  <div>
    <ul>
      <li v-for="item in list" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      required: true
    }
  }
}
</script>

在子组件中使用props定义了一个名为list的属性，类型为Array，并指定了required为true，表示这个属性必须传递。在模板中使用v-for指令遍历父组件传递过来的list数组，渲染每个元素。