Vue案例——面经

案例解析

1.配置一级路由

2.配置嵌套子路由

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

3.实现高亮

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

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

6.重定向,返回上一页

7.获取参数后动态渲染

等待id获取后再进行渲染

8.缓存

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

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

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

总结

相关推荐
风骏时光牛马2 小时前
数据可视化管理平台
前端
哎哟喂呢哈2 小时前
VedioJS 10
javascript·html5
仿生狮子6 小时前
OpenAI 攻下千禧年难题之后,开发者似乎无动于衷
前端·数学·vibecoding
夏幻灵10 小时前
JavaScript this 面试:五种绑定规则、优先级与常见面试陷阱
开发语言·javascript·面试
Lvan的前端笔记10 小时前
docker:每个前端项目一个 Nginx 容器还是只有一个Nginx容器
前端·nginx·docker
三天不学习10 小时前
Egg.js 4 突然爆火,原因是否归结于AI 原生落地需求爆发?
前端·javascript·全栈·egg.js
xcs1940511 小时前
前端 vue 的前端页面debugger 进不去
前端·javascript·vue.js
明月_清风12 小时前
Deno 终局来了:从挑战 Node 到被 Cloudflare 收编
前端·后端·node.js
Csvn13 小时前
框架性能优化
前端