Snippet

Widerstandsfähige Composables mit toValue-Normalisierung

Eingeführt in Vue 3.3, ist toValue ein leistungsstarkes Dienstprogramm, das Eingaben normalisiert, die Rohwerte, Refs oder reaktive Getter-Funktionen sein könnten. Dies ermöglicht extrem flexible Composables, die sowohl statische Werte als auch dynamische reaktive Quellen ohne komplexe Logik akzeptieren.

snippet.js

javascript

import { toValue, watchEffect, ref } from 'vue';
 
export function useDataFetch(source) {
  const data = ref(null);
  
  watchEffect(async () => {
    const url = toValue(source);
    const response = await fetch(url);
    data.value = await response.json();
  });
 
  return { data };
}

vue

Erklärung

toValue(source)

Entpackt die Eingabe unabhängig davon, ob es sich um eine Ref, eine reaktive Funktion (Getter) oder einen einfachen Wert handelt.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Experten →

Widerstandsfähige Composables mit toValue-Normalisierung

Verwandt