03. Vue 2 - Vue Router

OS	Windows 10 Home 64bit 버전 1903 (OS 빌드 18362.836)
Vue CLI	3.0.0
Vue Router	4.5.6
Edit Tool	Intellij IDEA 2019.1.3

# 공식 홈페이지 가이드

소개 | Vue Router

 

# 예제

sout1217/vuex-and-router

 

# 구조

[출처] https://blog.webf.zone/vue-router-the-missing-manual-ce51c21430b0

 

# 설명

Vue router 는 lazy 로딩을 활용한다

router 에 정의한 url 을 만족했을 때 해당 컴포넌트를 불러오는 방식이다

router/index.js

import 를 메소드를 통해 불러옴으로써 /login 이 들어왔을 때 import 를 한다 (Lazy 방식)

 

# Vue Router install

[npm]
npm install vue-router

OR

[Vue CLI]
vue add router

 

index.js

 

# router

# route