Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 코딩테스트
- 파이썬
- 알고리즘
- CSS
- 자료구조
- greedy
- SasS
- JavaSceipt
- dynamic programming
- Python
- string
- HTML
- vue.js
- 변수
- sorting
- math
- hash table
- 컴포넌트
- JavaScript
- array
- 프로그래머스
- leetcode
- 백준
- computed
- JS
- java
- 자료형
- scss
- github
- Algorithm
Archives
- Today
- Total
목록v-on (1)
Posis

이번 포스팅에서는 간단하게 v-bind와 v-on의 약어를 소개하겠습니다. v-bind v-bind는 데이터를 바인딩시킬 때 사용합니다. Hello Vue.js!! 위와 같이 fontColor의 데이터를 바인딩할 때 사용합니다. 하지만 매번 v-bind를 작성하면 개발 속도가 늦춰질 수 있기 때문에 다음과 같은 약어를 제공합니다. Hello Vue.js!! // 생략 속성 앞에 콜론(:)만 붙여주면 사용가능합니다. v-bind는 다양한 곳에 사용할 수 있습니다. class, href 등등 v-on v-on은 메소드내에 이벤트를 바인딩 시길 때 사용합니다. {{ msg }} 이번에는 add라는 메서드를 바인딩했습니다. 이도 위와 같이 약어를 사용해 보겠습니다. {{ msg }} // 생략 속성 앞에 골뱅이..
Vue.js
2021. 8. 8. 13:34