Vue.jsでは親子関係の画面をネストされたルーティングで対応する
例えば、お申し込みフォームが複数の画面に分かれているが、「1つの画面操作」として捉えて、データを管理したい場合等。
const router = new VueRouter({ routes: [ { path: '/user/:id', component: User, children: [ { // /user/:id/profile がマッチした時に // UserProfile は User の <router-view> 内部で描画されます path: 'profile', component: UserProfile }, { // /user/:id/posts がマッチした時に // UserPosts は User の <router-view> 内部で描画されます path: 'posts', component: UserPosts } ] } ] })
chilren属性を使うだけ。便利。