v-bind დირექტივისთვის მორგებლების შესახებ იცით?

დიახ, ვიცნობ. 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>