vue中下拉框格式化方法

我之前的写法：用循环拿到数据并和实体类进行绑定。

//数据展示
 <el-form-item label="性别">
          <el-select v-model="user.sex" placeholder="请选择性别">
            <el-option v-for="(sex,index) in sexes" :label="sex.name" :value="sex.id" ></el-option>
          </el-select>
        </el-form-item>

//循环的数据源
 export default {
    name: "stu",
    data() {
      return {

 sexes: [
          {id: 1, name: "男"},
          {id: 2, name: "女"}
        ],



    }
}

改进写法：因为v-model绑定的对象是组件中的value值因此可以直接这样写

 <el-form-item label="性别">
          <el-select v-model="user.sex" placeholder="请选择性别">
            <el-option  label="男" :value=1 ></el-option>
            <el-option  label="女" :value=0 ></el-option>
          </el-select>
</el-form-item>