Sintaxis: qué significan los corchetes alrededor de una statement de variable

Tome la siguiente línea de código

const [component] = router.getMatchedComponents({ ...to }) 

¿Alguien podría recomendar qué significan aquí los corchetes alrededor del componente? He intentado google esto pero luchando para encontrar una respuesta

Se llama asignación de destrucción , y se usa para descomprimir los valores de una array y asignarlos a nuevas variables.

Así que aquí en su código:

 const [component] = router.getMatchedComponents({ ...to }) 

Está declarando una variable de component que mantendrá el objeto retenido en la matriz que se devolverá desde router.getMatchedComponents({...to}) , donde una estructura similar to una matriz se convierte en una array mediante la operación de difusión.