如何自定义vuetify的v-select语句的值？

<template>
  <v-select v-model="selectedValue" :items="options" label="Select an option"></v-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: null,
      options: ['Option 1', 'Option 2', 'Option 3'] // 替换为你的选项数组
    };
  }
};
</script>

<template>
  <v-select v-model="selectedValue" :items="options" label="Select an option" item-text="name" item-value="id"></v-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: null,
      options: [
        { id: 1, name: 'Option 1' },
        { id: 2, name: 'Option 2' },
        { id: 3, name: 'Option 3' }
      ]
    };
  }
};
</script>

<template>
  <v-select v-model="selectedValue" :items="options" :groups="groups" label="Select an option"></v-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: null,
      options: ['Option 1', 'Option 2', 'Option 3'],
      groups: [
        {
          label: 'Group 1',
          items: ['Option 1', 'Option 2']
        },
        {
          label: 'Group 2',
          items: ['Option 3']
        }
      ]
    };
  }
};
</script>