Vue案例——面经

案例解析

1.配置一级路由

2.配置嵌套子路由

在一级路由中有children。先在一级路由中配置规则,再配置二级路由出口Layout

3.实现高亮

4.拿到接口值,进行渲染

5.注册点击事件,获取id

6.重定向,返回上一页

7.获取参数后动态渲染

等待id获取后再进行渲染

8.缓存

由于返回后没有回到原来的查看页,重新加载了页面

原因是路由跳转组件被销毁,返回后组件重新加载回到初始值

所以需要使用keep-live进行缓存

总结

相关推荐
丷丩5 分钟前
工程级MVT地图瓦片服务器Web前端架构设计文档
前端·vue·gis·pinia·geoai-up
小鹿软件办公5 分钟前
Google 在 Chrome 和搜索中加入 SynthID AI 图像检测功能
前端·人工智能·chrome
海兰6 分钟前
【实用程序】图片处理服务,前端应用 (Vue 3 + Pinia + Vite)后端服务 (Node.js + Express + Sharp)
前端·javascript·vue.js·node.js·pinia
是谁眉眼9 分钟前
css讲解
前端
IT_陈寒9 分钟前
Vite热更新失效?我在这坑里卡了一下午
前端·人工智能·后端
代码搬运媛15 分钟前
双Token刷新机制详解
前端
RPGMZ25 分钟前
RPGMZ游戏引擎事件技巧大全
javascript·游戏引擎·事件·rpgmz·rpgmakermz
一天 24h26 分钟前
从单体到分布式:JWT 如何彻底改变 Web 认证系统
前端·分布式
持梦远方27 分钟前
Nginx 静态资源挂载与前端部署实战笔记
linux·前端·笔记·nginx