1 오브젝트 구문
우리는 V-바인드를 전달할 수 있습니다 클래스 객체가 동적으로 클래스를 전환 할 수 있습니다. 그 V-바인드 참고 : 클래스 명령은 기존의 클래스 특성과 공존 할 수 있습니다 :
<div 클래스 = "정적" V-바인딩 : 클래스 = "{"A 급 '이사'클래스 B ': ISB} " > </ div>
데이터 : {
사 : 사실,
ISB : 거짓
}
渲染 为 : <div 클래스 = "정적 A 급"> </ div>
2 배열 구문
<div의
V-바인딩 : 클래스 = "[를 ClassA, ClassB가]"
>
데이터 : {
를 ClassA 'A 급'
ClassB가 'B 급'
}
渲染 为 : <div 클래스 = "A 급, B 급"> </ div>
3, 직접 결합 인라인 스타일
이는 직접 결합 인라인 스타일, 반환 된 객체를 사용하여 동일한 종종 결합 오브젝트 속성 신택스 계산 될 수있다. 스타일 개체에 직접 바인딩하는 것은 명확 템플릿을 만드는 것이 더 좋습니다 :
<DIV의
V-바인딩 : 스타일 = "styleObject"
> </ DIV>
데이터 : {
styleObject : {
색상 : '빨간색',
fontSize는 '13px'
}
}
문서 도움 당신은 장소 문제 찬양 오 도움이 있다면! 이봐! 기술 블로거는 비행을!