Vue实现路由跳转

1. 介绍

Vue Router 是 Vue.js 官方的路由管理器

2. 安装

npm install vue-router

3. 使用

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

const router = new Router({
  mode: 'history',
  routes: [...]
})

new Vue({
  el: '#app',
  router
})

4. 路由跳转

• 当前页面跳转

go(uuid){
    this.$router.push({path:'/upload', query:{uuid}})
}

• 在新窗口打开

go(uuid){
    let routeJump = this.$router.resolve({path:'/upload', query:{uuid}})
    window.open(routeJump.href, '_blank')
}

5. 获取路由的参数

this.$route.query.uuid