vue selectボックスのoptionをforeachするには

laravelのbladeテンプレートで、以下のようなものを作りました。

 <select name="prefecture" class="c-auth__select">
　　<option value="" hidden>都道府県</option>
 　@foreach ($prefectures as $prefecture)
 　　@if ( old('prefecture') == $prefecture->id)
　　　 <option value="{{{ $prefecture->id }}}" selected>{{{ $prefecture->name }}}</option>
　　 @else
 　　　<option value="{{{ $prefecture->id }}}">{{{ $prefecture->name }}}</option>
 　　@endif
 　@endforeach 
 </select>

こちらをvue.jsで同じことをするにはどうしたらいいですか？

 <option value="" hidden>都道府県</option>
 <option v-for="prefecture in prefectures">{{ prefecture.name }}</option>
...
    export default {
        props:[

            'prefectures',
        ],

ここから先が詰まっています。。

行動規範の内容に同意します

回答1件

vueで選択オプションをしたいっていうことだと思いますので

選択オプション
を参考にしてみてください

※サンプル

html
1<html>
2<head>
3    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js"></script>
4</head>
5<body>
6<div id="app">
7 <select v-model="selected" name="prefecture">
8  <option value="" hidden>都道府県</option>
9  <option v-for="data in prefectures" :key="data.id" :value="data.id">{{ data.name }}</option>
10 </select>
11 </ul>
12 {{ selected }}
13</div>
14<script>
15
16new Vue({
17    el: '#app',
18    data() {
19        return({
20            prefectures: [
21                { id: 0, name: '北海道', },
22                { id: 1, name: '青森', },
23                { id: 2, name: '秋田', },
24            ],
25            selected: 1,
26        });
27    },
28})
29</script>
30</body>
31</html>