[Vue.js] PrimeVue 사용하는 방법 (UI Component 라이브러리)

안녕하세요, 오늘은 Vue.js를 위한 UI Component 라이브러리인 PrimeVue를 사용하는 방법에 대해서 알아보겠습니다.
 
PrimeVue를 사용하기 위한 명령어는 다음과 같습니다.
 

npm install primevue 
npm install primeicons

 
위의 명령어를 통해 라이브러리를 설치 후 main.js 파일을 다음과 같이 수정합니다.
 

import { createApp } from 'vue';
import App from './App.vue';
import PrimeVue from 'primevue/config';
import 'primevue/resources/themes/saga-blue/theme.css';     
import 'primevue/resources/primevue.min.css';                
import 'primeicons/primeicons.css';                      

const app = createApp(App);
app.use(PrimeVue);
app.mount('#app');

 
자세한 내용 관련 해서는 다음 링크를 통해 확인 가능합니다.
 
https://primevue.org/introduction/

PrimeVue | Vue UI Component Library

 

---

지금까지, Vue.js를 위한 UI Component 라이브러리인 PrimeVue를 사용하는 방법에 대해서 알아보았습니다.
감사드립니다.