Vue.js -将数组中的函数作为道具进行传递

<template>
  <div>
    <child-component :functions="functionArray"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      functionArray: [this.function1, this.function2]
    }
  },
  methods: {
    function1() {
      // 函数1的逻辑
    },
    function2() {
      // 函数2的逻辑
    }
  }
}
</script>

<template>
  <div>
    <button @click="callFunctions">调用函数</button>
  </div>
</template>

<script>
export default {
  props: {
    functions: {
      type: Array,
      required: true
    }
  },
  methods: {
    callFunctions() {
      this.functions.forEach(func => {
        func();
      });
    }
  }
}
</script>