跳转页面：
一、使用a标签进行跳转
<a href="/login">登录</a>
注意：a标签会请求服务器，然后刷新页面，因此一般用于链接外部网址
二、使用官方提供的<router-link>标签进行跳转
1.<router-link to="/login">登录2</router-link>
2.<router-link :to="{path:/login}">登录2</router-link>（to后面接对象的时候，需绑定）
-
这种方法，它渲染到页面也是a标签，但是只是改变了地址栏的网址，并没有重新加载网页 -
路由的底层是采用的history去监听地址栏的变化，然后把当前App组件的router-view切换了 -
因此这种跳转用在网站内部的路由跳转
三、编程式跳转: this.$router.push({path:"路由"})
绑定事件：
<button @click="fn">登录3</button>
触发事件：
methods:{
fn(){
// this.$router绑定在组件原型链上的路由对象，它有一些功能
第一种
// this.$router.push("/login")
第二种
this.$router.push({path:"/login"})
}
}
