Vue表单之v-model绑定下拉列表功能

<select>
 <option value="vue.js">vue.js</option>
 <option value="react.js">react.js</option>
 <option value="angular.js">angular.js</option>
</select>

<template>
 <div id="app">
 <select v-model="selectcurriculums">
  <option v-for="(curriculum, index) in curriculums" :key="index">{{curriculum}}</option>
 </select>

 <span>{{selectcurriculums}}</span>
 </div>
</template>

<script>
export default {
 name: 'app',
 data () {
 return {
  selectcurriculums: 'react.js',
  curriculums: ['vue.js', 'react.js', 'angular.js']
 }
 }
}