V-tab和v-tab-item中的"value“属性如何控制可见性？

<template>
  <div>
    <v-tabs v-model="selectedTab">
      <v-tab v-for="tab in tabs" :key="tab.value" :value="tab.value">{{ tab.label }}</v-tab>
    </v-tabs>
    <v-tab-item v-for="tab in tabs" :key="tab.value" :value="tab.value">
      {{ tab.content }}
    </v-tab-item>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedTab: 'tab1',
      tabs: [
        { label: 'Tab 1', value: 'tab1', content: 'This is tab 1 content' },
        { label: 'Tab 2', value: 'tab2', content: 'This is tab 2 content' },
        { label: 'Tab 3', value: 'tab3', content: 'This is tab 3 content' }
      ]
    };
  }
};
</script>