Vue-router笔记

vue路由：
防止url输入错误找不到页面：{ path: '*',redirect:'/' }

跳转到上一次浏览的页面：this.$router.go(-1);
制定跳转的地址：this.$router.replace('/menu');
制定跳转路由的名字下：this.$router.replace({name:'menuLink'});
通过push进行跳转：this.$router.push('/menu');
通过push跳转路由的名字：this.$router.push({name:'menuLink'});

全局守卫：
router.beforeEach((to,from,next)=>{
next();
next('/login');
});
后置钩子：
router.afterEach((to,from)=>{

})
路由独享:
beforeEnter:(to,from,next)=>{
next(false)l//页面无变化
}
组件内守卫：
//进入组件之前
beforeRouteEnter:(to,from,next)=>{
next(vm=>{
console.log("data中name值"+vm.name);
})
}

//离开组件之前
beforeRouteLeave(to,from,next){
if(confirm("确定离开吗？")==true){
next()
}else{
next(false)
}
}

组件复用：
components:{
default:Home,
'about':About,
'news':News,
'cases':Cases,
}

滚动行为：
//在router中
scrollBehavior(to,from,savedPosition){
return { x:0, y:100 };
return { selector: '.btn'};
if(savedPosition){ //浏览器前进或后退时触发
return savedPosition;
}else{
return { x:0, y:0 }
}
}