vue路由跳转的四种方式

vue路由跳转的四种方式

1. vue路由跳转的四种方式

router-link
this.$router.push()
this.$router.replace() //用法同push
this.$router.go(n)

2. router-link使用方式：

 		<router-link :to ="{
 							name:'demo',
 							query:{key:'我是cppp1111}
 							}">
 		<router-link>

注意：router-link中链接如果是’/‘开始，就是从根路由开始；
如果开始不带’/’，则从当前路由开始

3. this.$router.push
   跳转到指定url路径；
   并向history栈中添加一个记录
   点击后退会返回上一个页面

4. this.$router.replace
   跳转到指定url路径，但是history栈中不会有记录，
   所以点击返回按钮时，会直接用【上一个页面之前的那个页面】来替换当前的页面