📚 Reference

• 공식 문서 1
• 공식 문서 2
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3

setup()

• setup()
• Vue 3에서는 컴포넌트 객체에 setup 함수를 사용할 수 있다.
• ref를 사용해서 반응형 변수로 data를 보통의 자바스크립트 함수로 methods를 대체한다.
• 라이프 사이클 메서드는 onMounted, onUpdated 같은 라이프사이클 훅 함수가 대신한다.
• 반응형 변수의 변경 탐지 역시 watch 함수로 구현 가능하며 계산된 값을 위한 computed 함수도 제공된다.
• 컴포넌트 객체에서 속성으로 분리되었던 기능 대부분이 setup 함수 안에서 사용 가능하다.
• setup을 사용하는 컴포넌트는 아래와 같은 방식으로 작성한다.