不知道为什么multiple不能实现多选
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
</style>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">
<!--//选择一个-->
<select name="abc" v-model="fruit">
<option value="苹果">苹果</option>
<option value="香蕉">香蕉</option>
<option value="榴莲">榴莲</option>
<option value="葡萄">葡萄</option>
</select>
<h2>您选择的水果是:{{fruit}}</h2>
<!--//选择多个-->
<select name="abc1" v-model="fruits" >
<option value="苹果">苹果</option>
<option value="香蕉">香蕉</option>
<option value="榴莲">榴莲</option>
<option value="葡萄">葡萄</option>
</select>
<h2>您选择的水果是:{{fruits}}</h2>
</div>
<script>
new Vue({
el:"#root",
data:{
fruit:"香蕉", //默认香蕉
fruits:[]
},
methods:{
multiple
},
computed:{
},
filters:{ //过滤器
}
})
</script>
</body>
</html>