vue 的页面跳转方式总结

一  <router-view/>  

在APP.vue主组件中

<router-view><router-view/>（命名视图）

<router-view/>（嵌套命名视图）

你可以 router-view 当做是一个容器，它渲染的组件是你使用 vue-router 指定的。其实就是指向的意思。，比如：

视图层：

<div id="app">
  <router-view></router-view>
</div>

路由定义：

router.map({
  '/foo': {
    // 路由匹配到/foo时，会渲染一个Foo组件
    component: Foo
  }
})

当你访问 /foo 时，router-view 就被 Foo 组件替换了。

二： <router-link> 映射路由

三： 编程时的路由跳转 this.$router.push(location)   有两种跳转方式

四： 动态路由