Vue案例——面经

案例解析

1.配置一级路由

2.配置嵌套子路由

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

3.实现高亮

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

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

6.重定向,返回上一页

7.获取参数后动态渲染

等待id获取后再进行渲染

8.缓存

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

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

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

总结

相关推荐
程序员爱钓鱼24 分钟前
Rust String 与 &str 详解:字符串所有权、借用与转换
前端·后端·rust
码农学院29 分钟前
GEO与SEO协同:从传统搜索到生成式搜索的平滑迁移路径
服务器·前端·python
To_OC8 小时前
LC 131 分割回文串:刚学回溯时,我连怎么切字符串都想不明白
javascript·算法·leetcode
咩咩啃树皮9 小时前
第40篇:Vue3组件化开发精讲——组件拆分、复用、父子通信、工程化架构
java·前端·架构
阳光是sunny9 小时前
LangGraph中的Reducer是什么
前端·人工智能·后端
触底反弹9 小时前
一文搞懂 Tailwind CSS 弹性布局:从原理到实战
前端·css·html
阳光是sunny9 小时前
从链到图:LangGraph 入门基础全解析
前端·人工智能·后端
To_OC10 小时前
LC 42 接雨水:暴力超时卡半天?前后缀数组一用就通了
javascript·算法·leetcode
小林ixn10 小时前
从 ??= 到 onKeyDown:一个 React 组件的“自我修养”
前端·javascript·react.js
REDcker10 小时前
显示分辨率标准对照详解
前端·网络·分辨率·显示·屏幕