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тен алынып салынган): эки тараптуу props байлоо үчүн синтаксистик шекер.

Эң көп колдонулган модификатор — .prop, өзгөчө өзгөчө компоненттер менен иштөөдө же стандарттуу атрибуттар аркылуу коюуга болбой турган DOM өзгөчөлүктөрү үчүн, мисалы, value эмес-энтерлер үчүн.

Мисал:

<!-- Элементтин innerHTML өзгөчөлүгүн белгилөө -->
<div v-bind:innerHTML.prop="htmlString"></div>