[Vue.js] Vue BootStrap

Vue Bootstrap이란?

Vue BootStrap을 통해 Vue에서 컴포넌트 방식으로 이쁜 템플릿을 사용할 수 있다.
Bootstrap V5가 출시되기 이전, V4에서는 jQuery로 작동하였습니다.
jQuery는 DOM을 직접 조작하고 Vue.js는 가상 DOM을 사용하기 때문에, Vue.js에서는 jQuery로 작동되는 BootStap을 사용하기 힘들었습니다.
하지만 V5부터 jQuery 방식이 아니기 때문에, 그냥 사용하면 됩니다.

Vue Bootstrap 설치

Vue Bootstrap을 사용하기 위해서는 Bootstap과 Vue Bootstrap을 npm을 통해 설치해 줄 것입니다.
터미널에 vue add bootstrap-vue 설치해주면 됩니다.

BootStrap에서 원하는 템플릿을 복사 붙여넣기를 통해 쉽게 사용가능합니다.

참고
HTML에서의 BootStrap은 Class 속성을 이용하여 사용
Vue 에서는 Component 방식으로 사용