프론트엔드

Vue에 대하여(4)_Dynamically data binding

데이터분석가 이채은 2024. 7. 15. 09:00

v-bind란 하나 이상의 속성 또는 컴포넌트 데이터를 표현식에 동적으로 바인딩입니다.


1. Attribute Bindings



2. Class and Style Bindings

  • Class and Style Bindings가 가능한 경우


2-1 Binding HTML Classes  - Binding to Objects

 


2-2 Binding HTML Classes - Binding to Arrays


2-3 Binding Inline Styles - Binding to Objects


2-4 Binding Inline Styles - Binding to Arrays