持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第18天，点击查看活动详情juejin.cn/post/714765…
今天，利用vue所学的知识点，简单的写了一下登陆跳转的项目，给大家说一下实现的原理。 首先打开项目进入的是一个登录页面，
- 该页面有登录和注册两个路由导航按钮，配置在了App.vue组件里。点击会切换到不同的登录/注册组件，这里就不上代码演示了。
- 然后该页面有一个表单，这个表单是手写的，没有用到element-ui插件。里面有一个button按钮，给它绑定点击事件，利用axios发送请求，如果后台请求的数据是'ok'的话，那么就把数据存储到sessionStorage里，并且把当前用户名也存到里面。存储完之后进行编程式导航路由跳转到后台的详情页面，给大家上代码看一下。
上面这个就是自己写的表单，使用了v-model指令，与data里的数据进行了双向绑定。
上面这个是在methods里绑定的点击button是的事件。
- 因为
this.$axios的返回值是一个promise，所以结合了async函数，这样result得到的就是从服务器返回的结果。 - 然后配置请求的接口地址，
method请求方式，还有请求头header的格式，data里存储的其实就是的发送请求时携带的数据，这个数据就是input里的value值。 - 我们想要的数据放在了
result.data里，它的返回值如果请求成功就是字符串'ok'，否则的话就是'no'，通过判断它我们在决定是否在sessionStorage里存储数据，然后进行路由跳转。
以上就是我的vue登录的实现，如果哪个步骤有问题，欢迎各位小伙伴指出哦！！！
