Is composable feidhm athuseáilte ann a chumhdaíonn loighic staid ag úsáid an Composition API. De ghnáth ainmnítear é useXxx agus filleann sé staid imoibríoch móide feidhmeanna — ag ligean duit loighic a roinnt ar fud na gcomponents gan mhisceanga ná athrá.
{ ref, computed } ;
() {
count = (initial);
double = ( count. * );
() { count.++; }
() { count. = initial; }
{ count, double, increment, reset };
}
<script setup>
import { useCounter } from "@/composables/useCounter";
const { count, double, increment } = useCounter(10); // each call = independent state
</script>
<template>
<button @click="increment">{{ count }} (double: {{ double }})</button>
</template>
Faigheann gach component a ghlaoch useCounter() a chuid féin ar leith count — cruthaíonn composables staid nua ar gach glao, murab ionann agus athróg roinnte ar leibhéal an mhodúil.
import { ref, onUnmounted } from "vue";
export function useMousePosition() {
const x = ref(0), y = ref(0);
const update = (e) => { x.value = e.pageX; y.value = e.pageY; };
window.addEventListener("mousemove", update); // set up
onUnmounted(() => window.removeEventListener("mousemove", update)); // auto cleanup!
return { x, y };
}
Is féidir le composables lifecycle hooks, watchers, agus composables eile a úsáid — agus go tábhachtach, cumhdaíonn siad a nglantachán féin (onUnmounted), mar sin ní gá do thomhaltóirí a bheith cuimhneach air.
Mixins (Vue 2): merged into the component — unclear where properties came from,
naming collisions between mixins, implicit dependencies
Composables: explicit imports + return values — clear sources, no collisions,
can be composed, fully typed in TypeScript
Is composables an bealach idiomatic a bhaint logice staid a bhaint agus a athúsáid i Vue 3 — cuardach sonraí, láimhseáil fhoirm, fianú/scroll a bhfuil lorg air, debouncing, etc.
Réitíonn siad an fhadhb loighic-athúsáide go geal (soiléir, gan imbhuail, comhdhéanta, bainistithe TypeScript) áit ar theip ar mhisceanga Vue 2.
Is iad an príomhchúis ar dhéanann foirne an API Composition a ghlacadh: bíonn loighic roinnte ina simplí feidhm thástála ina ionad cód a bheith scaipthe nó dúblaithe.
Leabharlann de cheisteanna agallaimh TF le freagraí mionsonraithe — ó Shóisearach go Sinsearach.
Síntiús