1-4. 데이터 바인딩

 

문자열 단방향 바인딩

 

 

HTML String 단방향 바인딩

 

 

데이터 양방향 바인딩 (input, select)

v-model

 

input

 

SELECT

 

 

CHECKBOX

 

RADIO

 

 

v-bind: HTML 태그 attribute 바인딩

 

 

 

v-for : 반복문 사용

 

 

 

 

 

 

class 속성 바인딩

<div v-bind:class="{ 'text-red': hasError, active: isActive }">

 

 

 

 

style 바인딩