用户始终并没有在B，C组件点击提交，只在组件A 点击提交

非常抱歉，我理解错误了您的需求。如果您需要在组件 A 中提交数据时同时获取组件 B 和组件 C 中的数据，可以使用 $refs 来获取子组件的引用，然后调用子组件的方法来获取数据。下面是一种可能的实现方式：

首先，在组件 A 的模板中，使用 ref 属性为组件 B 和组件 C 分别创建一个引用：

<template>
  <div>
    <component-b ref="componentB"></component-b>
    <component-c ref="componentC"></component-c>
    <button @click="submit">提交</button>
  </div>
</template>

然后，在组件 A 中，定义一个 submit 方法，在该方法中调用组件 B 和组件 C 的方法来获取数据，并将所有数据一并提交到后端：

methods: {
  submit() {
    const dataA = this.formData;
    const dataB = this.$refs.componentB.getData();
    const dataC = this.$refs.componentC.getData();
    const allData = {
      dataA,
      dataB,
      dataC,
    };
    console.log('Submit All Data:', allData);
    // 将 allData 提交到后端
  },
},

在组件 B 和组件 C 中，定义一个 getData 方法，该方法返回当前组件中的数据：

methods: {
  getData() {
    return this.formData;
  },
},

通过这种方式，您可以在组件 A 中获取组件 B 和组件 C 中的数据，并将所有数据一并提交到后端。