Styling kupitia Sifa ya style katika Vue

Miitindo ya CSS inaweza kuongezwa moja kwa moja kupitia sifa style. Ili kufanya hivyo, kipekuliwa hupitishwa kwa kitu, ambacho ndani yake sifa zinazotakikana za CSS zinapaswa kuwa funguo za kitu hicho, na thamani zinazolingana za sifa za CSS - ziwe thamani za kitu hicho.

Kwa mfano, tia rangi nyekundu aya fulani na uongeze mipaka ya kijani ya rangi:

App.vue<template>
  <p :style="{color: 'red', border: '1px solid green'}">
    text
  </p>
</template>

Sasa badala ya mpaka uweke font-size kuwa 30px. Kwa kuwa katika kitu hawezi kuwa na ufunguo wenye kistari, tunapaswa kuweka kwenye alama za quotation:

App.vue<template>
  <p :style="{color: 'red', 'font-size': '30px'}">
    text
  </p>
</template>

Pia badala ya font-size unaweza kuandika fontSize - hii pia itafanya kazi:

App.vue<template>
  <p :style="{color: 'red', fontSize: '30px'}">
    text
  </p>
</template>