Vuetifyコンポーネントにおける v-slot の主な役割として正しいものはどれか?
解説
v-slot はVue.jsのスロット構文であり、Vuetifyでは多くのコンポーネントがスコープ付きスロット(scoped slots)を提供しています。例えば <v-data-table> では、各カラムのセル描画をカスタマイズするために v-slot を使います。<v-data-table :items='items' :headers='headers'> <template v-slot:item.name='{ item }'> <strong>{{ item.name }}</strong> </template> </v-data-table>ポイントは以下の通りです。v-slot:スロット名 で対象スロットを指定する(省略記法は #スロット名)スコープ付きスロットでは { item } のように分割代入でコンポーネント内部のデータを受け取れるVuetifyの v-data-table、v-select、v-autocomplete など多くのコンポーネントがスロットによるカスタマイズに対応している