<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="app">
<!-- 单选框 -->
<select v-model="fruit">
<option value="苹果">苹果</option>
<option value="香蕉">香蕉</option>
<option value="桃子">桃子</option>
<option value="梨子">梨子</option>
</select>
<h2>选中的水果是: {{fruit}}</h2>
<hr />
<!-- 多选选框 -->
<select v-model="fruits" multiple="multiple">
<option value="苹果">苹果</option>
<option value="香蕉">香蕉</option>
<option value="桃子">桃子</option>
<option value="梨子">梨子</option>
</select>
<h2>选中的水果是: {{fruits}}</h2>
</div>
</body>
<script type="application/javascript" src="./js/vue.js"></script>
<script>
const app = new Vue({
el: "#app",
data: {
fruit: "",
fruits: []
}
});
</script>
</html>
11-30
321
12-05
271
09-01