再ルーティング種間でジャンプしなければならない：
1は、ジャンプすることにより実現</ルータ-link>タグログインする<= '/ログイン'ルータリンクへの>
2、JSによって達成される：
。$ Router.pushこの（{パス：「/購入」}）
この$（{パスrouter.replace：。「/購入」}）
2.1pushをし、区別の置き換え
プッシュが歴史に新しいレコードを挿入します
戻る場合は、挿入されていない歴史の歴史を置き換えますこれは、前のページにジャンプします。前は存在しない
背面:.この$のrouter.go（-1）
```
<!DOCTYPE html><HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>タイトル</ TITLE>
</ HEAD>
<BODY>
の<divのid = "アプリ"> </ div>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript" src="vue-router.js"></script>
<script type="text/javascript">
var Login={
template:`
<div>去登录去吧</div>
`
}
var Register={
template:`
<div>去注册去吧</div>
`
}
var Buy={
template:`
<div>去买东西</div>
`
}
// 安装插件
Vue.use(VueRouter);
// 创建路由对象
var router = new VueRouter({
// 配置路由对象
routes: [
{path:'/login', name:'login', component:Login},
{path:'/register', name:'register', component: Register},
{path:'/buy', name:'buy', component: Buy}
]
})
new Vue({
el:'#app',
router,
template:`
<div>
<router-link to='/login'>去登录</router-link>
|
<router-link to='/register'>去注册</router-link>
<div>
<button @click="gogo">点我买东西</button>
<button @click="back">返回上一页</button></ div>
<ルータ- [表示]> </ルータ- [表示]>
</ div>
`、
方法：{
ゴーゴー（）{
//ジャンプ史上
//この$のrouter.push（{パス： 。「/購入'}）
//既往なかっスキップ
この$のrouter.replace（{パス:.' /購入「}）
}、
バック（）{
//戻る
この$のrouter.goを（-1）。
}
}
}）
</ SCRIPT>
</ BODY>
</ HTML>