Nawa za ka bugi ajiya adadi?

Question

Accepted Answer

**Ajiyoyin adadi** suna ba ku damar **sakarda DOM matsa karfi** a matsayin layuka `v-*` da za a iya amfani da su. Yi amfani da su lokacin da kana buƙatar katantawa kai tsaye ga wani sashi (mayar hankali, mirgina, labraisai DOM na waje) — abubuwa da abubuwan cikakke/abubuwa ba su lallasa ba. ## Bayyana ajiya a gida ```vue ``` Yada suna: wani mai canzawa `vFocus` ya zama ajiya `v-focus`. ## Haƙiƙokin ajiya (nunin halittar abin) ```js const vDemo = { created(el, binding) {}, // before attributes/listeners applied mounted(el, binding) {}, // element inserted into the DOM updated(el, binding) {}, // after the containing component updates unmounted(el) {}, // element removed — clean up here }; ``` ## Amfani da darajar alaƙa da muhawwar ```vue ``` Jikin `binding` yana ɗauke da `value` (maganar), `arg` (bayan ƙwaci), `modifiers` (bayan tufa), da `oldValue`. ## Wani misali na aiki: click-outside ```js const vClickOutside = { mounted(el, binding) { el._handler = (e) => { if (!el.contains(e.target)) binding.value(); }; document.addEventListener("click", el._handler); }, unmounted(el) { document.removeEventListener("click", el._handler); // cleanup! }, }; // usage:

...

``` ## Koyi jiya a fuskanoni ```js app.directive("focus", { mounted: (el) => el.focus() }); // available everywhere ``` ## Me yake matuhi Ajiyoyin adadi shine kayan daidai don **halin DOM mai daukarwa, sakarda matsa karfi** — autofocus, click-outside, tunaɗi hotuna marasa aiki, gunaguna, haɗun labraisai DOM wacce ba Vue ba. Suna ajiye irin wannan mahimmancin DOM halaye a takaice da bayyane (`v-click-outside`) ma'aad cewa a shashe a cikin abubuwan halittar. Sanin haƙiƙokin da jikin `binding` (value/arg/modifiers), da kuma tsaftace a cikin `unmounted`, yana rufe amfani na aiki — duk da haka dona yawa na maganganu UI, abubuwan cikakke har yanzu su fi kyau.