프로젝트 생성
vue create [프로젝트명]
Manually select feautres
-> linter space로 해제<
-> router, vuex 설정
그후 나머지 default로 전부다 enter
cd 프로젝트폴더
run serve -> Local 주소에서 확인
부모component -> 자식component : props
자식component -> 부모component : emit
라우팅 -> 이동시키는것/ 매핑
클라이언트 사이드 랜더링 VS 서버 사이드 렌더링
장) 페이지 전환이 빠르다 장)다운 받을 정보가 적다
단) 초기랜더링에 시간이 걸린다 단) 초기랜더링에 시간이 덜 걸린다.
한번 로딩(다운롣 되면) 페이지 라우팅이 빠르다
뷰 부트스트랩
- 설치명령어
npm install axios bootstrap bootstrap-vue
- main.js에 복붙(사이트에 있음)
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
// Import Bootstrap an BootstrapVue CSS files (order is important)
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
// Make BootstrapVue available throughout your project
Vue.use(BootstrapVue)
// Optionally install the BootstrapVue icon components plugin
Vue.use(IconsPlugin)
Vue.config.productionTip = false