기억보다 기록

보통 Vue Cli를 통해 Vue 프로젝트를 시작하면 index 파일에 직접적으로 다음과 같이 라우터가 설정이 되어있다. //index.js import Vue from 'vue' import Router from 'vue-router' import This from '../This' import Is from '../Is' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'This', component: This }, { path: '/is', name: 'Is', component: Is } ] }) 하지만 여러개의 라우터가 필요할 수 있고, 별도로 파일을 지정해 사용하는 것이 용의할 수 있다. 그럴 때는 그냥 자동으로..

중첩 라우터를 설정할 때는 다음과 같은 방식으로 설정한다. const routes = [ { path: "/", component: { template: "this is yes " }, children: [ { path: "number1", component: { template: "this is number1" } }, { path: "number2", component: { template: "this is number1" } } ] } ]; export default routes; 위와 같이 라우터를 설정했다면, /yes 가 최상위 경로가 되고 children 에 포함되는 경로 i, can 이 하위 경로로 지정된다. 그리고 주의할 점이 최상위 경로가 되는 컴포넌트의 템플릿에는 라우터가 설정된 파일에..