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`等方法，可以实现更多的页面跳转功能。

相关问题

Vue-router的两种模式

Vue-router有两种模式:

1. 历史模式(History mode): 在这种模式下，Vue-router会使用HTML5的History API来实现URL的跳转。URL的路径看起来像是普通的路径，而不是带有'#'的哈希路径。例如，访问http://www.example.com/home 就是一个典型的历史模式的URL。

2. 哈希模式(Hash mode): 这是Vue-router的默认模式，当URL改变时，URL的路径会在'#'后面添加一个哈希值。例如，访问http://www.example.com/#/home 就是一个典型的哈希模式的URL。这种模式在旧版浏览器中也能很好地工作，因为旧版浏览器不支持HTML5的History API。

vue-router两种模式的区别

两种模式的区别：

1. 哈希模式：使用URL的hash部分（即#号后面的内容）来模拟一个完整的URL，于是当URL改变时，页面不会重新加载；

2. 历史模式：使用浏览器的history API，每次跳转后会向history添加一条记录，因此URL会实时更新，但是每次跳转都会重新加载页面。