本文详细介绍了如何使用Vue.js实现登录页面到成功页面的路由切换。通过vue-cli搭建项目，设置路由，使用element-ui或原生组件创建登录界面，包括密码输入框的特殊功能。登录时，数据通过axios发送到服务器验证，成功则利用vue-router切换到成功页面，失败则显示错误信息。同时，成功页面的欢迎信息通过vuex动态获取。
- 页面的 组件可以使用 element-ui
5.点击login的时候 如果用户名或密码为空，需要把 对应的输入框变红，并且该输入框下方提示提示 用户名或密码不能为空
- 完成输入后， 需要把数据通过ajax（建议使用fetch或者axios第三方库） 发送出去到服务器端，
后台检测用户名和密码
用户名和密码admin/P@ss1234表示登陆成功， 页面切换为成功页面
如果不是，在当前页面提示用户名和密码错误，
7.切换页面的时候浏览器不可以刷新， 参考vue-router，
8.成功页面需要显示欢迎 username登陆， 但是用户名不可以是hardcode的。参考vuex.。
1.使用vue-cli搭建 创建项目
搭建方式：
（1）首先得安装好vue cli的环境 cnpm install -g @vue/cli ，然后通过vue -V 检查vue版本号
（2）如果想在某个目录下创建新项目，就cd到该目录，或者直接在文件管理器打开改目录，然后在目录的路径输入cmd回车，就可以跳到该路径，输入 vue init webpack myproject, myproject是项目名。
后面的按需
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
