# Vue 컴포넌트 프레임워크 비교

Vue 개발을 하려고 하니 Vue에 특화된 UI 컴포넌트 프레임워크가 눈에 들어오기 시작합니다.

첫 접근은 Bootstrap이였는데 Vue에서 좀 더 Bootstrap를 컴포넌트 단위로 쉽게 사용할 수 있는 [BootstrapVue](https://bootstrap-vue.org/)가 있었습니다. BootstrapVue는 현재 Bootstrap v5를 아직 지원하지 않습니다. v5를 사용하려면 알파버전인 [BootstrapVue-next](https://github.com/bootstrap-vue-next/bootstrap-vue-next)를 사용해야 합니다.

Vue에서 활발히 사용되고 있는 컴포넌트 프레임워크로 [Vuetify](https://vuetifyjs.com/en/)가 있습니다. 현재 Vuetiy는 npm 다운로드에서 BootstrapVue와 엎치락 뒤치락 하다 최근에는 BootstrapVue를 상당히 따돌렸습니다.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1691927926669/43d1e8ab-af8a-41f2-8410-9b2c73a4be8d.png align="center")

Vuetify는 Vue에서 배우기 쉽고 마스터할 수 있도록 구글의 Material 디자인으로 구축된 강력한 Vue 컴포넌트 프레임워크입니다. 관련해서 풍부한 에코시스템을 가지고 있기도 합니다.

[Quasar](https://quasar.dev/)는 커뮤니티의 활발한 활동으로 npm 다운로드는 Vuetify나 BootstrapVue에 미치지 못하나 커뮤니티의 강력한 지지를 받고 있습니다.

좀더 자세한 내용은 아래 참조 링크를 참고하세요.

## 참조

[https://imagineu.tistory.com/9](https://imagineu.tistory.com/9)