【習作】Vue でラジオボタンを実装してみる

Vue Advent Calendar 2025 17 日目の記事です。 はじめに ナイトウ(@naitokosuke)と申します。 急にラジオボタンコンポーネントを Vue で実装したくなったので実装してみます。 よろしくお願いします。 まずラジオボタンのおさらい ラジオボタンは複数の選択肢から 1 つだけ選ぶための入力要素です。 (チェックボックスは複数選択可能) <input> 要素の radio 型は、一般にラジオグループ、すなわち関連するオプションの組み合わせを表すラジオボタンの集まりの中に置かれます。グループ内で一度に選択できるラジオボタンは 1 つだけです。 <!-- https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/input/radio#%E8%A9%A6%E3%81%97%E3%81%A6