Optimierung mit v-once

Snippet

Optimierung mit v-once

Die v-once-Direktive weist Vue an, das Element und seine Kinder nur einmal zu rendern. Nach dem ersten Rendern überspringt Vue Aktualisierungen für diesen Baum, was die Performance bei statischen Inhalten verbessert.

snippet.js
javascript
<template>
  <div v-once>
    <h1>{{ staticTitle }}</h1>
    <p>This will never re-render, even if staticTitle changes.</p>
  </div>
</template>

vue

Erklärung

v-once

Eine Direktive, die Inhalte markiert, die nach dem ersten Rendern als statisch behandelt werden sollen.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Anfänger →

Verwandt

Aus deiner Bibliothek