Soy bastante nuevo con vue.js y todas sus posibilidades, pero empiezo a sentirme cómodo con él. Aquí está mi problema: obtuve una lista que contiene muchos objetos del mismo tipo. Este objeto contiene algunos datos en él. Lo que intento hacer es crear una vista para cada objeto y mostrar los datos en la vista correspondiente. Aquí hay un código para ayudarlo a comprender mi problema.

 <Card v-for="room in rooms" :key="room" class="room" v-on:change="selectedBuilding" style="margin-top: 2rem; margin-left: 7rem; margin-right: 7rem" > <template #header></template> <template #title> <router-link to="/Building/Room" class="pr-2" v-bind="room"> Salle {{room.name}} - Level {{room.floor}} </router-link> <Divider type="solid"/> </template> <template #content> <Button label="Edit" class="p-button-raised p-button-secondary p-button-text" icon="pi pi-fw pi-pencil" ></Button> <div> <Divider type="solid" style="color: #0d3c61"/> </div> </template> <template #footer></template> </Card>

Como puede ver, tengo un montón de habitaciones y me gustaría tener una vista para cada una. También me gustaría mostrar los datos de cada habitación en la vista correspondiente. Busqué en el foro y en toda la documentación, pero no encontré nada relevante o no entendí el propósito de las herramientas.

También me preguntaba si es posible crear una vista única que cambie según los datos de la sala en la que hice clic. Debido a que todas las habitaciones obtuvieron el mismo tipo de datos y se mostrarán de la misma manera, solo cambia el contenido de los datos.

Así que estoy preguntando directamente aquí si es posible hacer la primera o la otra solución y, si lo es, ¿cómo puedo hacerlo? Muchas gracias por adelantado !