반응형
2022년 2월 7일부터 뷰 라우터 설치할때 버전을 표기해 주어야 합니다.
npm i vue-router@3.5.3
index.js
import Vue from 'vue';
// 뷰 라우터 연결
import VueRouter from 'vue-router';
// Vue.use - 플러그인을 실행하기 위해 필요한 코드
// 뷰 라우터가 모든 컴포넌트에 적용되게 플러그인 연결
Vue.use(VueRouter);
// VueRouter를 이용해서 인스턴스 만들고
// 인스턴스를 default로 꺼내면
// VueRouter 인스턴스가 파일에서 밖으로 나가게됨. 이게 export 역할
// default는 하나의 변수나 파일이 나가게 하는것
export default new VueRouter();
main.js
import Vue from 'vue';
import App from './App.vue';
// export로 내보낸 router import로 가져오기
import router from '@/routes/index';
Vue.config.productionTip = false;
new Vue({
render: h => h(App),
// router 연결
router,
}).$mount('#app');
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
103. router | 라우팅 동작 확인 (0) | 2022.10.09 |
---|---|
102. router | 페이지 컴포넌트 생성 및 연결 (0) | 2022.10.09 |
100. 애플리케이션 코딩 컨벤션 및 스타일 가이드 (0) | 2022.10.09 |
99. jsconfig.json | 파일을 절대 경로로 찾기 설정 (0) | 2022.10.04 |
98. 파일의 절대 경로를 설정해야 하는 이유 (0) | 2022.10.03 |