关于vue学习中遇到的小问题（记录与分享）

VUE中的select下拉菜单中：

首先 option要加value值，以便v-model可以获取到对应选择的值

当没有绑定v-model，直接给对应的option加selected属性

当给select绑定了v-model的值的时候，要给v-model绑定的data值里写默认值

例如：

<template>
  <div id="translateForm">
    <form action="" v-on:submit="formSubmit">
        <input type="text" placeholder="输入需要翻译的内容" v-model="textToTranslate">
        <select name="" id="" v-model="language">
            <option value="en">English</option>
            <option value="ru">Russian</option>
            <option value="ko">Korean</option>
            <option value="ja">Janpenese</option>
            <option value="zh">China</option>
        </select>
        <input type="submit" value="翻译">
    </form>
  </div>
</template>

<script>
export default {
  name: 'translateForm',
  data(){
      return {
          textToTranslate : "",
          language : ""
      }
  },
  methods : {
      formSubmit : function(e){
          e.preventDefault();
          this.$emit("formSubmit", this.textToTranslate, this.language)
      }
  },
  created(){
      this.language = "en";
  }
}
</script>
<style>
</style>