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