Vue案例——面经

案例解析

1.配置一级路由

2.配置嵌套子路由

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

3.实现高亮

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

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

6.重定向,返回上一页

7.获取参数后动态渲染

等待id获取后再进行渲染

8.缓存

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

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

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

总结

相关推荐
AICoder码农王3 分钟前
Vitest 实战:从一个真实项目看懂测试套件
前端·前端框架
xiaominlaopodaren6 分钟前
three.js地图视口瓦片(一):屏幕角点射线
javascript·gis·three.js
律宏阔12 分钟前
Electron Forge 在 macOS M4 打包踩坑:Node.js 26 导致 make 异常中断
前端
木木爱研究15 分钟前
elpis-里程碑四-基于Vue完成动态组件库建设
前端·后端
一水行15 分钟前
博客评论系统搭建回顾
javascript·后端
深念Y18 分钟前
Nuxt 项目 Docker 构建:从 pnpm+node 迁移到全 bun
java·前端·docker
qq_4260039619 分钟前
UI自动化元素定位不到解决方案
前端·pycharm·自动化
EthanChou202026 分钟前
AES67协议笔记
前端·笔记·es6
马优晨27 分钟前
pom.xml 中 jquery webjars 依赖解释
xml·前端·jquery·jquery webjars·webjars依赖
简单Janeee36 分钟前
[Vue 3 从零到上线]-第九篇:更美更强——引入 UI 库与网络请求 (Axios)
网络·vue.js·ui