vuerouter

Vue Router가 무엇인지, 어떻게 활용하는지 궁금하다면?2025.11.19 - [Web/Vue] - Vue Router 기초 (Vue 2 + Vue Router 3) Vue Router 기초 (Vue 2 + Vue Router 3)1. SPA에서 라우터가 필요한 이유Vue로 간단한 컴포넌트까지만 만들 때는 하나의 페이지에서만 작업해도 충분하지만,실제 서비스에서는 다음과 같은 화면이 필요해집니다./login: 로그인 페이지/usesproutinghye.tistory.com 1. Axios라우팅으로 화면 구조를 만들었다면, 이제 서버에서 데이터를 가져와 화면에 뿌려야 합니다.Vue 진영에서 가장 많이 사용되는 HTTP 클라이언트가 Axios입니다. Axios는브라우저와 Node.js 양쪽에서 사용 가..

1. SPA에서 라우터가 필요한 이유Vue로 간단한 컴포넌트까지만 만들 때는 하나의 페이지에서만 작업해도 충분하지만,실제 서비스에서는 다음과 같은 화면이 필요해집니다./login: 로그인 페이지/users: 유저 목록 페이지/users/1: 특정 유저 상세 페이지이때마다 HTML 파일을 새로 요청하면 전체 페이지가 새로고침되기 때문에, 사용자 경험이 끊기는 느낌이 강합니다.Vue에서는 이런 문제를 해결하기 위해 SPA(Single Page Application) 방식과 함께 Vue Router를 사용합니다. Vue Router는 Vue 공식 라우팅 라이브러리로,URL과 컴포넌트(화면)를 매핑 위치에 현재 URL에 해당하는 컴포넌트를 렌더링페이지 전체를 다시 로드하지 않고도 클라이언트 사이드에서 화면을 전..