Sobes.tech
Junior

Դուք ծանոթ եք v-bind հրահանգի մոդիֆիկատորներին:

sobes.tech AI

Պատասխան AI-ից

Այո, ճանաչում եմ։ V-bind-ի մի քանի մոդիֆիկատորներ կան՝

  • .prop: Զգուշորեն սահմանում է հատկությունը որպես DOM հատկություն։ Օգտակար է, երբ ստանդարտ HTML հատկության վարքագիծը չի համապատասխանում։
  • .attr: Զգուշորեն սահմանում է հատկությունը որպես DOM հատկություն։ Կիրառվում է հազվադեպ, քանի որ v-bind-ը սովորաբար փորձում է լինել խելացի։
  • .camel: Փոխում է հատկության անունը camelCase։ Օգտակար է SVG և այլ տարրերի համար, որոնց հատկությունները viewBox են։
  • .sync (Vue 2.x, հեռացվել է Vue 3.x-ից): Սինտակտիկ շաքար՝ երկու ուղղությամբ կապելու համար։

Ամենաշատ օգտագործվող մոդիֆիկատորը .prop է, հատկապես երբ աշխատում եք անհատական կոմպոնենտների կամ հատուկ DOM հատկությունների հետ, որոնք հնարավոր չէ սահմանել ստանդարտ հատկությունների միջոցով, օրինակ՝ value ոչ-մուտքային տարրերում։

Օգտագործման օրինակ՝

<!-- Սահմանում է տարրի innerHTML հատկությունը -->
<div v-bind:innerHTML.prop="htmlString"></div>