Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
29 | 30 |
Tags
- set
- extends
- 상속
- generic
- app.post
- reactnative error
- interface
- TS
- javascript
- materialicons
- Spring
- reactnative
- err_connection_refused
- npm에러
- async
- map
- 안드로이드빌드에러
- Filter
- 배열중복요소제거
- Next.js
- 이진탐색
- forwardref type
- array
- react
- 슬라이딩윈도우
- mainapplication.kt
- 리액트네이티브아이콘
- 타입스크립트
- 스크롤이벤트
- app:compiledebugkotlin
Archives
- Today
- Total
목록v-for (1)
rhanziy
Vue - 데이터 바인딩과 v-for 반복문
vue에서 html에 자바스크립트 데이터를 바인딩하는 방법은 {{ 변수명 }} 콧수염 문법을 사용하면 된다. 변수명은 어떻게 담냐!? script 태그내에 export default 안에 data() { return { 여기에 obj 형식으로 담으면 댄다. } } 이걸 데이터 보관함이라고 하자. product라는 데이터는 array형식으로 넣었는데, 사용할때는 뭐 배열 꺼내오는 방식으로 쓰면 된다. 원룸샵 {{ products[0] }} {{ price1 }} 만원 {{ products[1] }} 70만원 {{ products[2] }} 70만원 보면 html속성 값(class나 style)에도 데이터 바인딩을 할 수 있는데, html속성에 사용할때는 콧수염 문법이아닌 : 속성name = "변수명" 이렇..
study
2023. 6. 11. 21:50