October 2024
Beginner to intermediate
452 pages
9h 28m
Korean
Content preview from 실전 코드로 배우는 Vue.js
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
277
CHAPTER 08
라우팅
path: '/login',
name: 'login',
component: LoginView
}
]
TIP
명명된 라우트
이번 장의 예제는
name
프로퍼티를 지닌
명명된 라우트
named
routes
를 사용한다. 코드 가독성을 높이고 관리하기 쉽게
유지하려면 라우트에 이름을 지정하는 것이 좋다.
지금까지 피자 하우스에 필요한 라우트를 간단히 정의해봤다. 그러나 라우팅 시스템을 실제
로 가동하려면 여기에 그쳐서는 안 된다. 다음으로 라우트 설정을 통해 라우터 인스턴스를
생성하고
Vue
애플리케이션에 탑재하는 과정을 살펴보자.
8.2.3
라우터 인스턴스 생성
라우터 인스턴스는
vue
-
router
패키지의
createRouter
메서드로 생성한다. 이 메서드의
인수는
RouterOptions
타입 객체이며 주요 프로퍼티는 다음과 같다.
historyhistoryhistoryhistory
해시 기반 또는 웹 기반 (
HTML
히스토리 )으로 히스토리 모드를 설정하는 객체. 웹 방식
은
HTML5
히스토리
API
로
URL
을 읽고 새로고침 없이 페이지를 탐색할 수 있다.
routesroutesroutesroutes
라우터 인스턴스에서 사용할 라우트 배열
278
실전 코드로 배우는 Vue.js
linkActiveClasslinkActiveClass
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.