9 뷰 리서치
source: categories/study/vue-research/vue-research_9.md
9. Vue3 composition API 간략하게 알아보기 (ref, reactive, methods, v-model)
- 뷰의 단점 : 프로젝트가 커질수록 코드가 방대해지고 방대해지는만큼 하나의 기능을 여러군데에 코드를 분산시켜 작성해야되는 불편함이 있음
- 이러한 단점을 극복하기 위해서
setup함수를 이용한 Composition API가 Vue3에 새롭게 추가됨
Why Composition API?
- 뷰에서 반복적으로 사용하는 재사용이 가능한 코드조각들을 추출할 수 있도록 도와준다.
- 이로인해 유지보수와 유연성을 보장받을 수 있다.
- Composition API를 사용하지 않으면 한개의 기능을 구현하는 코드가 이곳저곳에 흩어져있다.
- Composition API는 이런 문제점을 해결해 같은 기능을 구현하는 코드들을 한 곳에 모아서 작성할 수 있도록 도와준다.
- ref
- reactive
- toRefs