如何在Vue中存储多个子组件的值并在父组件中执行函数

在Vue中存储多个子组件的值并在父组件中执行函数，可以通过以下步骤实现：

1. 父组件中定义一个空数组，用于存储子组件的值。例如，可以在父组件的data选项中添加一个名为"childValues"的数组。

data() {
  return {
    childValues: []
  }
}

1. 子组件中定义一个方法，将子组件的值传递给父组件。可以通过Vue的事件机制来实现。在子组件中，当值发生变化时，通过$emit方法触发一个自定义事件，并将值作为参数传递。

methods: {
  updateValue(value) {
    this.$emit('update:value', value);
  }
}

1. 在父组件中，使用子组件时，通过v-on指令监听子组件触发的自定义事件，并在事件处理函数中将值存储到父组件的数组中。

<template>
  <div>
    <child-component v-on:update:value="storeValue"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    storeValue(value) {
      this.childValues.push(value);
    }
  }
}
</script>

这样，当子组件的值发生变化时，父组件中的storeValue方法会被触发，并将值存储到childValues数组中。

需要注意的是，以上是基于Vue的单向数据流机制实现的，父组件只能接收子组件的值，而无法直接修改子组件的值。如果需要修改子组件的值，可以通过传递一个修改值的回调函数给子组件，并在子组件中调用该回调函数来实现。