반응형
ref(), onMounted()는 Options API를 보완해 Vue.js3에 새롭게 Composition API 다.
Composition API의 종류는 다양하지만 API의 성격에 따라 포괄적인 용어로 구별할 수 있다.
이러한 용어가 어떤 의미를 갖고 있는지 API를 배우기 전에 먼저 살펴보자
Composition API는 성격에 따라 3개로 나뉜다.
- 반응형 API
- 라이프 사이클 훅
- 종속성 주입
파랑 - 반응형 API
빨강 - 라이프 사이클 훅
노랑 - 종속성 주입
반응형 API (Reactivity API)
말 그대로 반응하는 데이터와 관련된 API 세트다.
라이프 사이클 훅
Vue 인스턴스나 컴포넌트가 생성될 때, 미리 사전에 정의된 몇 단계의 과정을 거치게 되는데
이를 라이프 사이클 훅이라한다. 쉽게 말해, Vue 인스턴스가 생성된 후 우리 눈에 보여지고, 사라지기 까지 단계를 말한다.
종속성 주입
나중에..
반응형
'vue.js > Vue3 - 기본편' 카테고리의 다른 글
| 6. 템플릿 문법 (텍스트 보간법, v-once, v-html, v-bind) (0) | 2024.01.14 |
|---|---|
| 5. setup() (0) | 2024.01.14 |
| 3. Options API VS Composition API (0) | 2024.01.14 |
| 2. Root 컴포넌트 렌더링 과정 + ESLint, Prettier (0) | 2024.01.07 |
| 1. Vue.js란 무엇인가? + 컴포넌트 이해하기 (0) | 2024.01.04 |