vue编程式导航,意思就是用js来跳转页面,项目中用到最多的就是当点击某个按钮时判断当前登录没登录,没有登录点击的时候跳转到登录页面。例子:
<template>
<button @click="getNews()">通过js跳转</button>
</template>
<script>
export default{
data(){
return{
}
},
methods:{
getNews(){
this.$router.push({path:'./login'})//这种是通过path
this.$router.push({path:'./login/1'})//这种是动态路由
this.$router.push({name:'login',params:{id:1}})//这种是命名路由,路由配置时候的name,还可以传参数
}
}
}
</script>
this.$router.go()用来作为 后退/前进导航
this.$router.go(1);
this.$router.go(-1);
路由选择(模式)
new VueRouter({
mode:'history'//会有问题,需要后台一起进行配置,默认是哈希模式带“#”的这种
})