Cuireann an dá dhúine ar dhispeagadh go coinníollach, ach déanann siad é ar bhealach éagsúil — cuireann v-if an eilimint ar fos a bhaint as an DOM ; cuireann v-show san DOM í agus scorann sé a display CSS.
<template>
<p v-if="isVisible">Rendered only when true (removed from DOM when false)</p>
<p v-show="isVisible">Always in the DOM; just display:none when false</p>
</template>
<!-- v-if="false" → the element doesn't exist at all -->
<!-- (nothing in the DOM) -->
<!-- v-show="false" → the element exists but is hidden -->
<p style="display: none">...</p>
v-if tá costas scortha níos airde aici (cruthódh/scrios sé eilimintí agus a gcomhábhair, ritheann sé hooks an tsiocair saol gach uair) ach costas nialas nuair a bhíonn an coinníoll bréagach (rud ar bith arna thaispeáint).v-show tá costas tosaigh níos airde aici (i gcónaí arna thaispeáint, fiú má tá sé i bhfolach) ach scoth scortha (díreach athrú CSS).Toggles often (tabs, dropdowns) → v-show (cheap to flip)
Rarely changes / may never render → v-if (skip rendering entirely)
Expensive content rarely shown → v-if (don't pay to build it)
<template>
<p v-if="status === 'loading'">Loading...</p>
<p v-else-if="status === 'error'">Error!</p>
<p v-else>Done</p>
</template>
Tacaíonn v-if le slabhraí v-else-if/v-else ; ní thacaíonn v-show leo (ní bhíonn sé ach eilimint amháin a scoradh).
ní oibríonn v-show ar dhúnwrappers <template> (níl aon eilimint ann a display a shocrú air); bíonn v-if ann.
Is gné fhíor feidhmíochta a bhí ann a roghnú an ceann ceart: v-show do rudaí a bhí scor go minic (fanann an DOM, is bocht an scoradh), v-if do rudaí atá coinníollach/annamh nó costasach (ná déan iad a thaispeáint go dtí go mbeidh gá dó).
An rogha mícheart a dhéanamh — mar shampla v-show ar ábhar throm atá i gcoitinne i bhfolach — scrios an obair dhréachtaithe.