路由详细传参

1.通过router-link跳转

<router-link to="'/跳转的目标地址/'+要传的值"></router-link> this.$route.query.id//接收

2.通过编程式导航跳转

<router-link to="{name:'要传的名',params:{id:要传的值}}"></router-link> this.$route.params.id//获取

3.通过query跳转

this.$router.path({ path:'/跳转的目标地址', query:{id:要传的值} }) this.$route.query.id//接收

4.通过params跳转

this.$router.path({ name:'要传的名', params:{id:要传的值} }) this.$route.params.id//获取

路由守卫

路由进入另一个页面，如果有局限，能进入，没局限，不可以进入 路由分为全局守卫，路由独享守卫，组件内部守卫 全局守卫:beforeEach 路由独享守卫:beforeEnter 组件内部守卫:beforeRouteEnter //在路由进入之前，组件实例还未渲染，所以无法获取this，只能通过vm来获取 beforeRouteUpdate //当路由参数发生改变时被调用 beforeRouteLeave //离开当前页面时调用