select 列表

以下实例中演示了下拉列表的双向数据绑定：

 

select

<div id="app">

  <select v-model="selected" name="fruit">

    <option value="">选择一个网站</option>

    <option value="www.runoob.com">Runoob</option>

    <option value="www.google.com">Google</option>

  </select>

 

  <div id="output">

      选择的网站是: {{selected}}

  </div>

</div>

 

<script>

new Vue({

  el: '#app',

  data: {

    selected: '' 

  }

})

</script>