Vue.js / Nuxt.js

Vue Router

라우트, 내비게이션, router-link, 동적 라우트, route params, query parameters, navigation guards

18 면접 질문·
Junior
1

Vue Router란 무엇입니까?

답변

Vue Router는 Vue.js의 공식 라우팅 라이브러리입니다. 페이지를 새로고침하지 않고 서로 다른 뷰 간을 이동하는 싱글 페이지 애플리케이션을 만들 수 있습니다. Vue Router는 브라우저 히스토리와 URL 파라미터를 관리하며, 라우트 접근을 제어하는 navigation guards 같은 고급 기능을 제공합니다.

2

<a> 태그 대신 router-link를 사용하는 주요 이점은 무엇입니까?

답변

router-link 컴포넌트는 표준 <a> 태그와 달리 내비게이션 중 페이지 전체 새로고침을 방지합니다. 클릭을 가로채 브라우저의 History API를 사용하여 클라이언트 측 내비게이션을 수행합니다. 이를 통해 애플리케이션 상태가 유지되며, 로딩 지연 없는 매끄러운 사용자 경험을 제공합니다.

3

Vue Router에서 간단한 라우트를 어떻게 정의합니까?

답변

간단한 라우트는 routes 배열 안에 path와 component 속성을 가진 객체를 생성하여 정의합니다. path는 URL(예: /about)을 나타내고 component는 표시할 Vue 컴포넌트를 지정합니다. 이 최소한의 설정만으로도 애플리케이션에 동작하는 네비게이션을 만들 수 있습니다.

4

router-view 컴포넌트의 목적은 무엇입니까?

5

router-link의 어떤 속성이 목적지를 지정합니까?

+15 면접 질문

다음 면접을 위해 Vue.js / Nuxt.js을 마스터하세요

모든 질문, flashcards, 기술 테스트, 코드 리뷰 연습, 면접 시뮬레이터에 접근하세요.

무료로 시작하기