methods - 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();

参照が配列であるため、これは機能しませんが、これにより最初の計画がクリアされます

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

すべてのプランで clear メソッドを呼び出すにはどうすればよいですか?