前端问题 关于下拉框的问题

Question

这个是我生成的代码，有点看不懂

  <el-form-item label="数量单位" prop="numberUnit">
          <el-select v-model="form.numberUnit" placeholder="请选择数量单位">
            <el-option
              v-for="dict in numberUnitOptions"
              :key="dict.dictValue"
              :label="dict.dictLabel"
              :value="dict.dictValue"
            ></el-option>
          </el-select>
        </el-form-item>

:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
这三行为什么这么写的？

Answer 1

:key和:value是值的来源，:label是输出对应的值