<body>
<div id="app">
<select name="abc" v-model="fruit">
<option value="榴莲">榴莲</option>
<option value="荔枝">荔枝</option>
<option value="龙眼">龙眼</option>
<option value="菠萝">菠萝</option>
</select>
<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@2.6.12/dist/vue.js'></script>
<script>
const app = new Vue({
el: '#app',
data: {
fruit: "榴莲", // 单选框
fruits: []
}
})
</script>
</body>