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效果

全局前置导航守卫

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

三搜索

历史管理

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

相关推荐
万少8 小时前
小龙虾(openclaw),轻松玩转自动发帖
前端·人工智能·后端
Jagger_9 小时前
抱怨到躺床关灯的一次 DIY 记录
前端
陈随易12 小时前
前端大咖mizchi不满Rust、TypeScript却爱上MoonBit
前端·后端·程序员
whinc14 小时前
🚀 两年小程序开发,我把踩过的坑做成了开源 Skills
前端·微信小程序·ai编程
兆子龙15 小时前
ahooks useRequest 深度解析:一个 Hook 搞定所有请求
java·javascript
兆子龙15 小时前
React Suspense 从入门到实战:让异步加载更优雅
java·javascript
sure28215 小时前
React Native中创建自定义渐变色
前端·react native
KKKK15 小时前
SSE(Server-Sent Events)流式传输原理和XStream实践
前端·javascript
子兮曰16 小时前
Humanizer-zh 实战:把 AI 初稿改成“能发布”的技术文章
前端·javascript·后端