vue_声明式导航&编程式导航

导航

声明式导航和编程时导航中的路由跳转的写法是一致的

声明式导航

声明式导航就是router-link

<router-link to="path"></router-link>
<router-link :to="'path?id=' + id"></router-link>
<router-link :to="{path: 'path'}"></router-link>

<router-link :to="{path: 'path', query: {id: 1}}"></router-link>

<router-link :to="{name: 'name', query: {id: 1}}"></router-link>

<router-link :to="{name: 'name', params: {id: 1}}"></router-link>

编程式导航

编程式导航用于我们网页中执行一些js代码后才进行跳转的操作。this.$router.xxx

• push(“path”)

this.$router.push('path')
this.$router.push({path: 'path', query: {id: 1}})
this.$router.push({name: 'name', params: {id: 1}})

• replace
  和push一样，但是会替换掉当前页面的历史记录
• go
  在历史记录上进行跳转 .go(num)
  如果num > 历史记录条数，则会失败
• back
  go(-1) 返回上一个历史记录
• forward
  go(1) 在历史记录中前进1