JSFiddle - React, Tailwind, and code Playground
HTML
<div id="vue">
<select v-model="selected">
<option disabled :value="null" style="display:none">
Select something
</option>
<option v-for="item in list" :value="item">{{item}}</option>
</select>
<div>
Selected: {{selected || 'null'}}
</div>
<button @click="selected = 'two'">Set selected to "two"</button>
<button @click="selected = null">Set selected to null</button>
</div>
JavaScript
new Vue({
el:'#vue',
data(){
return {
selected:null,
list:['one','two','three']
}
},
methods:{
log(e){
console.log(e)
}
}
})