GoodBoy and GoodGirl~进来了就看完点个赞再离开，写了这么多也不容易的~
1.最常用的路由绑定方式
<router-link to="/admin" class="nav-link">管理</router-link>
2.对路由name进行绑定
{path:‘/about‘,name:‘aboutlink‘,redirect:‘/about/contact‘,component:About}
<router-link :to="{name:‘aboutlink‘}" class="nav-link">关于我们</router-link>
3.对数据进行绑定
data(){
return{
menu:‘/menu‘,
}
}
<router-link :to="menu" class="nav-link">菜单</router-link>
1.跳到上一次浏览页面 this.$router.go(-1) 2.跳到指定位置 this.$router.replace(‘/name‘) 3.跳到指定路由名字下 this.$router.replace({name:‘aboutlink‘}) 4. this.$router.push(‘/name‘) this.$router.push({name:‘aboutlink‘}) //{name:‘aboutlink‘}是路由配置是的name名称
1.路由重定向 redirect:‘/home‘ 2.错误路径时跳转 {path:‘*‘,redirect:‘/‘}
Vue的路由守卫分为三种： 1.全局守卫 router.beforeEach((to,from,next)=>{}) //前置守卫 router.afterEach((to,from)=>{}) 2.组件内守卫 beforeRouterEnter:(to,from,next)=>{} beforeRouterLeave:(to,from,next)=>{} 3.路由独享守卫 beforeEnter:(to,from,next)=>{} 具体怎么使用的就不一一介绍了，也是很简单的.
原文：https://www.cnblogs.com/alongup/p/9065208.html