- 할 일 추가
- 할 일 조회
- 할 일 삭제
- 할 일 수정
v-bind
속성은 뷰 인스턴스의 데이터 속성을 해당 HTML 요소에 연결할 때 사용한다.v-on
속성은 해당 HTML 요소의 이벤트를 뷰 인스턴스의 로직과 연결할 때 사용한다.- 사용자 이벤트에 의해 실행된 뷰 메서드(methods) 함수의 첫 번째 인자에는 해당 이벤트(event)가 들어온다.
HTML 입력 요소의 종류에 따라 `v-model` 속성이 각각 다음과 같이 구성된다.
(1) input 태그에는 `value / input`
(2) checkbox 태그에는 `checked / change`
(3) select 태그에는 `value / change`
- 뷰 타입스크립트 프로젝트 기본 구조
- 재활용성을 고려한 공통 컴포넌트 설계 방법(인풋, 목록 아이템)
- 인풋 태그의 한글 입력 처리 방법
.vue
파일에서의 타입스크립트 정의 방식data
methods
props
computed
- 타입스크립트를 사용했을 때의 이점
npm install
npm run serve
npm run build
npm run lint