v-for中子级的Vue调用方法

Question

我在v-for中有一个组件

  <div
      v-for="(plan, index) in plans"
      :key="index"
    >

    <plan 
         :name="plan.name"
         :cost="plan.cost"
         :index="index"
        ref="myPlan"
       />
</div>

在该组件中，我有一种清除所有数据的方法。

  clear() {
      this.cost = '';
      // some more clearing code
    },

我正试图通过调用此方法来清除计划。

  this.$refs.myPlan.clear();

这无效，因为ref是一个数组，但这确实清除了第一个计划

   this.$refs.myPlan[0].clear();

如何在所有计划上调用clear方法？