Vue案例——面经

案例解析

1.配置一级路由

2.配置嵌套子路由

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

3.实现高亮

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

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

6.重定向,返回上一页

7.获取参数后动态渲染

等待id获取后再进行渲染

8.缓存

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

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

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

总结

相关推荐
oo121382 小时前
里程碑5 - 完成框架 npm 包抽象封装并发布
前端·npm
达拉2 小时前
我花了三天用AI写了个上一代前端构建工具
前端·前端工程化
bysking2 小时前
【31-Ai-Agent】ai-agent的核心实现细节-bysking
前端
从文处安2 小时前
「前端何去何从」(React教程)React 状态管理:从局部 State 到可扩展架构
前端·react.js
一拳不是超人2 小时前
Three.js一起学-如何通过官方例子高效学习 Three.js?手把手带你“抄”出一个3D动画
前端·webgl·three.js
椰子皮啊2 小时前
400行Node.js搞定mediasoup信令转换:一次跨语言"表白"实录
前端·架构
果然_2 小时前
告别混淆!Git 多账号按域名/目录自动切换身份的终极指南
前端
Wect2 小时前
React Scheduler & Lane 详解
前端·react.js·面试
myNameGL2 小时前
ArkTs核心语法
前端·javascript·vue.js