vue页面跳转的三种方式

前言

页面跳转应该是每个项目都会遇到的，而传统的页面跳转一般是使用a标签来实现，那vue的页面跳转有什么方式呢？

vue页面跳转的方式

1. a标签跳转

   vue的a标签跳转与传统的a标签跳转有一点区别，就是属性href的值，需要加上#，如 href="#/article/all"，如果没有#，则会跳转到首页
   

2. router-link跳转
   使用router-link标签跳转，如
   

3. 方法跳转
   给标签加个点击事件，在事件方法内进行跳转。如
   
   

区别

前两种方式表面看起来没有区别，但是使用router-link标签跳转性能更好，而第三种方式，是最不好用的，并且在样式上，当鼠标移到跳转的连接时，鼠标图标不会变成小手形状，让人感觉不到这是一个跳转连接