<div id="app">
    <!--1.选择一个-->
    <!-- 
    单选：只能选中一个值。
    v-model绑定的是一个值。
    当我们选中option中的一个时，会将它对应的value赋值到mySelect中
   -->
    <!-- v-model绑定在select标签 -->
    <select name="abc" v-model="fruit">
      <option value="苹果">苹果</option>
      <option value="香蕉">香蕉</option>
      <option value="榴莲">榴莲</option>
      <option value="葡萄">葡萄</option>
    </select>
    <h2>您选择的水果是: {{fruit}}</h2>
 
    <!--2.选择多个-->
    <!-- 
    v-model绑定的是一个数组。
    当选中多个值时，就会将选中的option对应的value添加到数组mySelects中
   -->
    <!-- 加上multiple属性就可以多选 要按ctrl才能多选 -->
    <select name="abc" v-model="fruits" multiple>
      <option value="苹果">苹果</option>
      <option value="香蕉">香蕉</option>
      <option value="榴莲">榴莲</option>
      <option value="葡萄">葡萄</option>
    </select>
    <h2>您选择的水果是: {{fruits}}</h2>
  </div>