导航
声明式导航和编程时导航中的路由跳转的写法是一致的
声明式导航
声明式导航就是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