📚 Reference
📜 Chapter
composable
Composition API
package.json
Vue 3.0 Settings
프로젝트 구조
Async Component
Proxy
Options API
🛠️ Library
volarjs
‣
‣
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 태그가 없어도 사용할 수 있다.