Performance-Optimierung für große Objekte mit markRaw

Snippet

Performance-Optimierung für große Objekte mit markRaw

markRaw markiert ein Objekt explizit so, dass es niemals in einen Proxy umgewandelt wird. Dies ist entscheidend für die Performance, wenn große, komplexe Drittanbieter-Instanzen in einem reaktiven Status gespeichert werden.

snippet.js
javascript
import { reactive, markRaw } from 'vue';
 
const state = reactive({
  mapInstance: markRaw(new ThirdPartyMapLibrary())
});

vue

Erklärung

markRaw(new ThirdPartyMapLibrary())

Verhindert, dass Vue dieses spezifische Objekt rekursiv trackt.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Fortgeschrittene →

Verwandt

Aus deiner Bibliothek