vue 路由跳转的2种方式

 

1、使用标签router-link来跳转

1-1、to拼接id

1-2、配置路由

1-3、/:id用params  ?号的话用query获取传递的参数

 

2、编程式的导航  

this.$router.push（“/home”）;

// 字符串
router.push('home')

// 对象
router.push({ path: 'home' })

// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})

// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

 es6 ` `符号 中间可放变量参数

router.push({ path: `/user/${userId}` }) // -> /user/123

  router.replace({name:"home"})， router.replace('/')， router.replace({path:"/home"})，

// 在浏览器记录中前进一步，等同于 history.forward()
router.go(1)

// 后退一步记录，等同于 history.back()
router.go(-1)