Vue3

Vue3의 주요 특징

1. Composition API

2. Suspense 

컴포넌트가 데이터를 받아오기 전까지 기본 컨텐츠를 표시할 수 있는 기능이다. 예를 들어 소셜 네트워크에서 데이터를 불러올 때 로딩의 속도차이를 고려해 스켈레톤이라 불리우는 UI를 먼저 띄우고, 데이터 로딩이 완료되면 실제화면을 띄우는 것

-> Vue2는 v-if, v-show 같은 디렉티브를 이용했지만 Vue3의 Suspense는 비동기적 컴포넌트의 로딩이 완료될 때까지 대체 컴포넌트를 그리는 방법을 제시한다. 

3. Teleport

4. 여러 개의 v-model 디렉티브

하나의 컴포넌트에 두 개의 양방향 결합 매개변수가 필요할 때

<MyComponent v-model="param1" v-model="param2" /> 이렇게 할 수 있다. 

 

과거

<MyComponent v-bind:param1 v-on:update="updateParam1" v-bind:param2 v-on:update="updateParam2" />

5. 프록시로 진화된 반응성

6. Fragments

 

7. Emit Option

 

8. createRenderer