📚 Reference

📜 Chapter

Composition API

Vue 3.0 Settings

프로젝트 구조 - Vue.js (3.0)

Async Component

🛠️ Library

‣

‣

Vue 3 - 추구하는 방향

Component 코드 재사용성 향상
TypeScript 문법 지원

Vue.js - 기존의 한계점

Component 코드 재사용
- 슬롯 (Slots & Scoped Slots)
- 믹스인 (Mixins)
- 하이 오더 컴포넌트 (High Order Components)
  - 여기서 현업에서는 Mixins을 많이 사용하는데, Mixins은 특정 Component에 2개 이상 사용하는 순간 로직의 흐름을 따라가기 어렵고 실제 해당 data나 methods가 어느 믹스인에 정의되어 있는지 파악하기 어렵다.
  - 이렇기 때문에 Mixins은 엄격한 규칙으로 사용 범위와 변수명을 제한해야 한다.
TypeScript 지원

Vue 3 - template

Vue 2에서는 template 태그에서는 반드시 div 태그로 감싸서 사용했어야 했는데, Vue 3.0 에서는 div 태그가 없어도 사용할 수 있다.