Estoy empezando con VueJs. Tengo un botón de actualización cuando hago clic en él. Quiero que vuelva a cargar/actualizar un componente y una tabla que tengo. Probé el método forceUpdate, así como el método de cambio de clave, pero no lo hace. parece funcionar. ¿Alguien sabe cómo puedo hacer que funcione? ¡Gracias!

Aquí está mi botón:

 <v-col cols="1" style="max-width: 40px;"> <v-icon @click="refreshList">mdi-refresh</v-icon> </v-col>

refreshList es el método llamado pero está vacío hasta ahora ya que nada ha funcionado todavía

Aquí está el componente que quiero recargar:

 <v-row dense> <v-col cols="12"> <statusBar :stat="stats" mode="site"/> </v-col> </v-row>

Y aquí está la tabla que quiero recargar:

 <v-col cols="8"> <v-data-table :headers="headers" :items="displayed" :search="search" :loading="loading" style="background-color: #292B3D;" @click:row="openDetail"> <template v-slot:[`item.status`]="{ item }"> <v-chip v-if="naming[item.status].color == '#FFFFFF'" class="ma-2" text-color="black" :color="naming[item.status].color"> {{ naming[item.status].lib }} </v-chip> <v-chip v-else class="ma-2" :color="naming[item.status].color"> {{ naming[item.status].lib }} </v-chip> </template> <template v-slot:[`item.connectors`]="{ item }"> <cardConnector :data="item.connectors"></cardConnector> </template> </v-data-table> </v-col>