일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- A-Frame
- aframe
- package-lock.json
- PDO
- web
- VR
- bootstrap
- vue
- JavaScript
- Node
- javscript
- array
- PHP
- npx
- 3d
- CI/CD
- JS
- WebXR
- Component
- AR
- 상태관리
- auth0
- version mismatch
- EM6
- vue-template-compiler
- promise
- WebVR
- vuex
- vuetify
- Three.js
Archives
- Today
- Total
목록class (1)
대가는 결과를 만든다
[스터디] Vue style, class binding
Vue에서 구현하는 Class와 Style binding 기본적인 사용예제 공홈에서 가져와 정리함.v-bind:를 이용하여 Vue instance에서 정의한 데이터 값을 이용해 class와 style을 적용할 수 있다. 1. class 1-1)예시 data: { isActive: true, hasError: false } => Result Render는 다음과 같다. 1-2) 다음과 같이 object 자체 적용도 가능 data: { classObject: { active: true, 'text-danger': false } } 1-3) 배열형태로 적용도 가능 data: { activeClass: 'active', errorClass: 'text-danger' } => Result Render는 다음과 같..
개발/Vue
2019. 1. 28. 14:00