일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 첫번째 미니 프로잭트
- align-iitems
- 얕은복사와 깊은 복사
- 재귀적으로 생각하기
- 재귀함수 탬플릿
- flex-direction
- 상속 (inheritance)
- 화살표함수 기본 개념
- 문자열을 객체로 만드는법
- props비구조화 할당
- probs.children
- 다형성 (polymorphism)
- 캡슐화 (encapsulation)
- align-content
- Math.floor()
- class
- Instanc
- display
- 추상화 (abstraction)
- probs
- async/await
- 클래스 문법 구조
- 조건문
- css 정리
- Promise all
- string
- 객체지향 프로그래밍 특징
- 참조자료형
- justfiy-content
- Promise Chaining
Archives
- Today
- Total
목록프로그래밍/Vue (18)
희락코딩
#2. Vue 데이터 바인딩 문법
vue의 데이터 바인딩 문법 뷰는 데이터 보관이 용의하고 보관한 데이터를 {{데이터}} 문법으로 감싸서 넣으면 끝이다. 아래는 뷰의 기본적인 틀입니다. template에서는 HTML코드들을 작성하면 되고 자바스크립트는 script 스타일은 style에서 코드를 작성하면 됩니다. 중요 포인트 데이터 보관함은 아래와 같고 object 형식으로 저장하면 된다. 즉 스크립트 태그 안에 data(){return{}} 이걸 열고 데이터를 오브잭트 형식으로 저장하면 됩니다. 이것이 뷰의 데이터 보관함, 변수보관함이 됩니다. 아래 예를 들어 데이터 보관함에 price 정보를 넣었다고 가정하고 {{price}}를 활용해서 html 데이터 바인딩이 가능하다. {{ price }} 만원 export default { nam..
프로그래밍/Vue
2021. 12. 17. 00:30