typescript - 如何在第一個組件加載時獲取加載的 ref 陣列

我在 Vue.js 3 專案中更新反應式物件時遇到一些問題。我正在創建一個 google.maps.marker.AdvancedMarkerElement 的陣列，並且我這樣創建這個陣列：

localizaciones.forEach((localizacion) => {
        if (localizacion.agrupaciones) localizacion.agrupacionesF = localizacion.agrupaciones.split(",");
        const glyphSvgPinElement = new PinElement();
        const glyphImg = document.createElement("img");
        glyphImg.src = usingIconsStore.setIcon(localizacion.icono);
        glyphSvgPinElement.glyph = glyphImg;
        const advancedMarker = new AdvancedMarkerElement({
            position: {
                lat: localizacion.lat!,
                lng: localizacion.lng!
            },
            content: glyphSvgPinElement.element,
            title: localizacion.agrupacionesF![0]
        });
        advancedMarker.setAttribute("agrupacionesArr", localizacion.agrupaciones);
        advancedMarker.setAttribute("id", String(localizacion.id));
        advancedMarker.setAttribute("icono", String(localizacion.icono));
        marcadores.value.marcadores.push(advancedMarker);
        google.maps.event.addListener(advancedMarker, "click", async function () {
            infoFichaHelper.value = { marcador: advancedMarker, sugerencia: await pedirDetalleEstacion(props.tipoMapa, localizacion.id) }
        });
    });

其中 marcadores 是這樣宣告的變數：

let marcadores = ref<google.maps.marker.AdvancedMarkerElement[]>([])

那麼在第一次加載時，我的組件是要過濾這個數組以獲取最喜歡的項目。這個數組是空的。有沒有辦法在第一次加載時填充這個響應式數組？