<script>export default {  data() {    return {      drawer: false,      show: false,      show2: false,      cards: [{ name: "card 1" }, { name: "card 1" }, { name: "card 1" }],    };  },};</script> <v-list-item @click="drawer = !drawer">            <v-icon>mdi-chevron-right</v-icon>          </v-list-item>          <v-list-item @click="show = !show">            show1          </v-list-item>          <v-list-item @click="show2 = !show2">            show2</v-list-item><div v-if="show == true">          <v-row no-gutters>            <v-col v-for="card in cards" :key="card">              <v-card                dark                tile                height="200"                width="98%"                style="display: inline-flex"                class="ma-2"              >                <v-card-title>                  {{ card.name }}                </v-card-title>              </v-card>            </v-col>          </v-row>        </div>           <div v-if="show2 == true">          <v-row no-gutters>            <v-col>              <v-card                dark                tile                               width="98%"                style="display: inline-flex"                class="ma-2"              >             </v-col>             </v-row>             </div>如果單擊 show1，如何將 show2 更改為 false？它可以與多個布爾值一起使用嗎？我已經嘗試通過數組進行映射，但我似乎無法弄清楚該怎么做。另外，使用這種方法在部分之間轉換會更好，還是我應該使用 :router-to 并以這種方式使用轉換？