Vuetifyのラジオボタン( v-radio )のサンプル

基本形のサンプルです

color という prop に値を渡して色を変更したサンプル

row という prop に true を渡すと、簡単に水平配置に切り替える事ができます

active-class という prop に値を渡すと、アクティブ時に付与されるclass名を指定できます。
classをあらかじめ作成しておけば、この例のようにアクティブになると文字色を変更したり、いろいろな効果をcssで付与する事が可能です。

v-forを使えば、v-radio の表示も効率的にできそうです。

v-forを使えば、v-radio の表示も効率的にできそうです。この例では、配列としてdataを用意しておき、その値の数だけラジオボタンを表示させています。