<div id="app">
<!-- 1、选择1个 -->
<select name="abc" v-model="fruit">
<option value="苹果" >苹果</option>
<option value="香蕉" >香蕉</option>
<option value="梨子" >梨子</option>
<option value="菠萝" >菠萝</option>
</select>
<h2>您选择的是:{{fruit}}</h2>
<!-- 2、选择多个 -->
<select name="abc" v-model="fruits" multiple>
<option value="苹果" >苹果</option>
<option value="香蕉" >香蕉</option>
<option value="梨子" >梨子</option>
<option value="菠萝" >菠萝</option>
</select>
<h2>您选择的是:{{fruits}}</h2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript">
let app = new Vue({
el:"#app",
data:{
fruit:'香蕉',
fruits:[]
}
})
</script>