Vue day10 完整购物网页(登录页,首页,搜索)

一登录页

静态布局&图形验证码功能

图形验证码功能

api接口模块-封装图片验证码接口

阅读文档,掌握toast轻提示

短信验证功能

封装api登录接口-实现登录

响应拦截器-统一处理错误

将token权证信息存入vuex

storage存储模块-vuex持久化处理

初始化:应用启动时,user 模块的 state 会通过 getInfo() 从 localStorage 读取用户信息(如 token),自动登录。 更新:登录成功后,调用 this.store.commit('user/setUserInfo', userData),Vuex 状态和本地存储会同时更新。 退出:调用 this.store.commit('user/setUserInfo', { token: '', userId: '' }) 或直接调用 removeInfo(),清除状态和本地存储

添加请求loading效果

全局前置导航守卫

二首页-静态结构准备&动态渲染

三搜索

历史管理

搜索列表页-静态布局与渲染

相关推荐
TU不秃头11 小时前
JS逆向实战五:某海关公示平台分析(瑞数加密)
javascript·爬虫
anOnion13 小时前
构建无障碍组件之Carousel Pattern
前端·html·交互设计
ssshooter13 小时前
Tauri 2 iOS 开发避坑指南:文件保存、Dialog 和 Documents 目录的那些坑
前端·后端·ios
Можно14 小时前
深入理解 ES6 Proxy:与 Object.defineProperty 的全面对比
前端·javascript·vue.js
Birdy_x14 小时前
接口自动化项目实战(1):requests请求封装
开发语言·前端·python
天天向上102416 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js
西西学代码16 小时前
Flutter---回调函数
开发语言·javascript·flutter
卷帘依旧16 小时前
JavaScript 闭包经典问题:为什么输出 10 次 i=10
javascript
柳杉17 小时前
Three.js × Blender:从建模到 Web 3D 的完整工作流深度解析
前端·javascript·数据可视化
reembarkation18 小时前
vue3中使用howler播放音频列表
前端·vue.js·音视频