Is iad seo dhá bhealach chun comhpháirteanna Vue a scríobh. Eagraíonn an Options API cód de réir cineál roghnaithe (data, methods, computed); eagraíonn an Composition API cód de réir imní loighciúil ag úsáid feidhmeanna ar nós , , agus .
Is iad seo dhá bhealach chun comhpháirteanna Vue a scríobh. Eagraíonn an Options API cód de réir cineál roghnaithe (data, methods, computed); eagraíonn an Composition API cód de réir imní loighciúil ag úsáid feidhmeanna ar nós , , agus .
refcomputedsetup<script>
export default {
data() { return { count: 0 }; },
computed: { double() { return this.count * 2; } },
methods: { increment() { this.count++; } },
mounted() { console.log("mounted"); },
};
</script>
Tá gach rud grúpáilte i boscaí soladh (data, methods, computed, lifecycle). Simplí agus inaitheanta, ach scatter ar fud na mboscaí sin a bhíonn loighic gné amháin.
<script setup>
import { ref, computed, onMounted } from "vue";
// all the logic for "counter" lives together
const count = ref(0);
const double = computed(() => count.value * 2);
function increment() { count.value++; }
onMounted(() => console.log("mounted"));
</script>
Suíonn staid, computed, methods, agus lifecycle i gcomhair ábhair amháin in éineacht, agus déanann <script setup> gearr-gheal de (gan this, gan return).
Ligann an Composition API duit loighic staitíochta a bhaint amach agus a athúsáid mar fheidhmeanna simplí (composables):
// useCounter.js — reusable across any component
export function useCounter() {
const count = ref(0);
const increment = () => count.value++;
return { count, increment };
}
<script setup>
const { count, increment } = useCounter(); // reuse anywhere
</script>
Solann sé seo an t-athúsáid loighce go geal, nach raibh soláthair san Options API (bhí aimneamanna imbhuailte ag mixins agus foinse dhochreidte).
Options API → simpler mental model, fine for small components, familiar to beginners
Composition API → better for large components, TypeScript, and reusing logic (composables)
Is é an Composition API (le <script setup>) an rogha bharrainneach do thionscadail nua Vue 3, go háirithe le TypeScript.
Is é an Composition API freagra Vue 3 ar eagrú agus athúsáid loighic comhpháirte.
Tuigint gur eagraíonn sé cód de réir gné (ní de réir cineál roghnaithe) agus go gcumhachtaíonn sé composables — i gcomparáid le boscaí-bhunaithe an Options API — míníonn sé stíl nua-aimseartha Vue agus cén fáth ar dhéanfadh codchomhpháirteanna casta agus bunachair chóid TypeScript a roghnú.
Tá tacaíocht iomlán ag an dá rud; is féidir fiú iad a mheascadh.