HTML默认选择的选项作为vue数据的默认值

Question

我希望下拉列表中当前选择的选项是vue数据的值：

<select v-model="test">
     <option value="1" selected>A</option>
     ...
</select>

未在vue实例中定义为默认值

data: {
     test: '' // default should be the selected value in dropdown
}

我目前正在使用laravel来显示选项并在刀片中而不是在vue模板中呈现html

更新/更多信息：

主要思想是在laravel视图中加载所有html和数据，但将下拉列表的所选值（所选内容仍基于laravel加载的数据）绑定到道具或vue中的数据。

<select v-model="item">
@foreach($item in $items)
     <option value="{{ $item }}" {{ $item == $some_data ? selected : '' }}>{{ $item }}</option>
     ...
@endforeach
</select>

在我的js文件中：

const app = new Vue({
     el: '#app',
     data: {
         item: '',
     }
});

我的目标是将数据绑定到vue，而不使用vue的数据默认值