vue学习---编程式路由导航--操作浏览器记录前进与后退(不借助<router-link> 实现路由跳转)


.编程式路由导航

  1. 作用:不借助 实现路由跳转,让路由跳转更加灵活

  2. 具体编码:

    //$router的两个API
    this.$router.push({
    	name:'xiangqing',
    		params:{
    			id:xxx,
    			title:xxx
    		}
    })
    
    this.$router.replace({
    	name:'xiangqing',
    		params:{
    			id:xxx,
    			title:xxx
    		}
    })
    this.$router.forward() //浏览器记录前进
    this.$router.back() //浏览器记录后退
    this.$router.go() //浏览器记录可前进也可后退