Vue-Router

Vue-Routerで最も一般的なVueルータライブラリ
Vue-Routerを使用するには、ミドルウェアに接続する必要があります.

Vue.use(VueRouter) // 미들웨어

ミドルウェアに接続する場合は$Routeを使用できます.

created() {
	console.log(this.$Route) //라우트객체 출력
}

router-linkはナビゲーション可能なコンポーネントです
aラベルは使えますが、vue-routerを使う場合はrouter-linkをお勧めします!
(aタグを使用してルーティング時にページを再描画しますが、route-linkは再描画しません)
router-linkを使用して、Vue-Routerモードに従ってリンクを変更する必要はありません.

// 해시모드
<router-link :to="/#/login">로그인</router-link>

// 히스토리모드
<router-link :to="/login">로그인</router-link>

どうてきルーティング

動的に変更された情報に動的ルーティングを適用できます.

routes: [
        {
            path: '/b/:bid',
        },
        {
        	path: '/c/:cid'
        }
]

$Route.params.入札に利用できる.

ネストされたルーティング

ルーティングに他のルーティングがある場合は、ネストルーティング(children)として使用できます.

routes: [
        {
            path: '/b/:bid',
            component: Board,
            children: [{
                path: 'c/:cid',
                component: Card
            }]
        },
]