[Vue.js 프로젝트 투입 일주일 전] 4장 - Vue Router 설정

4.1 라우팅이란?

  - 라우팅: 사용자가 접속한 주소에 따라 페이지(컴포넌트)가 달라지는 것

  - SPA, 클라이언트에서 미리 가지고 있던 페이지를 라우팅을 이용하여 화면 갱신
    (서버에게 요청해서 페이지 새로 갱신 X)

4.2 Vue-Router 설치

  - vue add router

4.3 Lazy Load 적용하기 (비동기 컴포넌트)

  - Lazy Load: 리소스를 컴포넌트 단위로 분리하여 컴포넌트 혹은 라우터 단위로 필요한 것들만

                        그때 그때 다운받을 수 있게 하는 방법

  - prefetch: 미래에 사용될 수 있는 리소스 (비동기 컴포넌트)를 캐시에 저장함으로써,

                      사용자가 접속했을 때 굉장히 빠르게 리소스 로드 가능 (캐시 담는 비용도 발생)

---

[Source Code] Ch 04. Vue Router 설정