옵션 API를 사용했다면 클릭 리스너에서 포인터로 메서드를 가리켰겠죠.
methods옵션을 추가하고 setNameAge 같은 이름의 메서드를 추가 했겠죠.
vue는컴포넌트를 최초 설정할 때만 강조 처리한 setup 메서드를 호출 합니다.
데이터만 정의하는 것이 아니라 템플릿에서 사용할 함수도 정의합니다.
함수 내부에서 함수를 새로 만들 수 있습니다.
버튼 이벤트에setAge를 입력합니다,
클릭시 setAge에서 포인터로 가르킨 setNewAge() 함수가 트리거 될 겁니다.
이렇게 methods를 대체하는 방법을 배웠습니다.
'Vue > Vue 완벽 가이드' 카테고리의 다른 글
| 섹션 19 : 컴포지션 API(4) computed, watch (0) | 2023.03.20 |
|---|---|
| 섹션 19 : 컴포지션 API(2) reactive - 객체만, ref - 객체, 문자열, 숫자, 불리언 등 (0) | 2023.03.19 |
| 섹션 19 : 컴포지션 API - 옵션 API 대체하기(1) 컴포지션 생성 및 값 저장 (0) | 2023.03.19 |
| 섹션 18 : vue앱 최적화 및 배포하기 (0) | 2023.03.15 |
| 섹션 15 : Vuex (2) (0) | 2023.03.12 |