3.7.1 인라인 스타일

뷰에서도 HTML처럼 태그에 style 속성을 사용해 스타일을 지정할 수 있습니다. 이때 v-bind 디렉티브를 사용하는 방법과 사용하지 않는 방법이 있습니다.

● style 속성만 사용하기

가장 간단하면서도 일반적인 방법으로, 새로운 문법을 별도로 배울 필요 없이 style 속성에 CSS 속성을 사용하면 됩니다.

basic/src/App.vue

<template>
  <h1 style="color: red; font-style: italic">Inline Style</h1>
</template> 

그림 3-46 style 속성만 사용했을 때