[Vue] computed의 Getter, Setter

[Vue] computed의 Getter, Setter

바로 이전 포스트에서 computed를 이용하여 문자를 거꾸로 출력하는 간단한 프로그램을 만들었었다. 하지만 computed를 사용할 때 보통 Getter와 Setter로 구분하여 사용한다. 왜냐하면 만약 data 값에 새로운 데이터를 할당해야 하는 데 Setter가 없게 되면 스크립트 에러가 발생하게 된다. 아래 소스가 예시다. 소스에 대한 설명은 주석으로 달아놨다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue test</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <bo...

#computed #자바스크립트 #셋터 #겟터 #vuejs #vue #setter #set #js #javascript #getter #get #컴퓨티드

원문링크 : [Vue] computed의 Getter, Setter

 등록된 다른 글

카톡 사진 동영상 파일 삭제하여 용량 확보하기

[React] State Hook

데스 엔드 리퀘스트 Death end reQuest 플레이 후기 플스 게임 추천

[PS5] 어쌔신 크리드 오리진 60프레임 소식 및 배포 일정

수어사이드 스쿼드 킬 더 저스티스 리그 출시 예정 특징과 정보

[PS4] () 고스트 오브 쓰시마(Ghost of Tsushima)

[React] useRef로 컴포넌트 안의 변수 만들기

[플스4(ps4)] () 라스트오브어스(라오어) 리마스터