vue-router跳转的两种方法
时间: 2023-11-16 21:07:08 浏览: 117
vue-router跳转时打开新页面的两种方法
在Vue.js中,我们可以使用vue-router进行路由管理,实现不同页面之间的跳转。常见的两种跳转方法如下:
1. 声明式导航:这种方法是在模板中使用`<router-link>`标签来实现跳转。例如:
```
<router-link to="/home">Home</router-link>
```
这个标签会被渲染成一个`<a>`标签,点击后会跳转到`/home`页面。
2. 编程式导航:这种方法是在Vue实例中使用`$router`对象来实现跳转。例如:
```
this.$router.push('/home')
```
这个方法会将当前页面跳转到`/home`页面。除了`push`方法,`$router`对象还提供了`replace`、`go`等方法,可以实现更多的页面跳转功能。
阅读全文