뷰 라우터 인스턴스를 만들고 뷰 인스턴스에 라우터 인스턴스를 추가한다. 이 때 뷰 라우터 인스턴스에는 필수적으로 두 개의 옵션을 지정한다.
- mode : 'hash' or 'history'. URL의 해시 값 지정
- routes : 라우팅 할 URL과 컴포넌트 지정
// js
var router = new VueRouter({
mode: 'history',
routes: [
{ path: '/login', component: LoginComponent },
{ path: '/home', component: HomeComponent },
],
})
new Vue({
el: '#app',
router: router,
})
router-view와 router-link