Vue-da style atributu vasitesi ile stil vermek

CSS stilleri birbasa style atributu vasitesi ile elave etmek olar. Bunun ucun atributa obyekt oturulur, hansinda ki, istenilen CSS xususiyyetleri bu obyektin açarı, hemcinin uygun CSS xususiyyetlerinin qiymetleri ise - bu obyektin qiymetleri olmalidir.

Gelin misal ucun her hansi bir abzası qirmizi renge boyayaq ve yaşil renkde cerceve elave edek:

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

Gelin indi onun yerine font-size-i 30px teyin edek. Cunki obyektde defisli açar ola bilmez, biz onu dırnaq içine almalıyıq:

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

font-size yerine fontSize da yazmaq olar - bu da işleyecek:

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