Vue案例——面经

案例解析

1.配置一级路由

2.配置嵌套子路由

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

3.实现高亮

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

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

6.重定向,返回上一页

7.获取参数后动态渲染

等待id获取后再进行渲染

8.缓存

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

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

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

总结

相关推荐
摸鱼仙人~3 分钟前
纯前端 Vue 实现共享预览链接方案
前端·javascript·vue.js
happymaker06264 分钟前
VueCli标准化工程中的组件通信操作
开发语言·前端·javascript
weixin_443478515 分钟前
Flutter第三方常用组件包学习之状态管理
javascript·学习·flutter
Yiyi_Coding6 分钟前
Proxy详解
java·前端·javascript
a1117768 分钟前
PreTeXt 开源推荐(应用demo)
前端·开源·html
追光的蜗牛丿12 分钟前
C++传递参数时什么情况下传递引用
开发语言·javascript·c++
摸鱼仙人~15 分钟前
前端开发中“共享预览链接”场景-企业级最简方案:Vue + 极简后端(2 接口 1 张表)
前端·javascript·vue.js
七夜zippoe24 分钟前
应用安全实践(一):常见Web漏洞(OWASP Top 10)与防护
java·前端·网络·安全·owasp
reasonsummer27 分钟前
【白板类-03-01】20260402画板01(html+希沃白板)
前端·html
"Wild dream"32 分钟前
NodeJs内置的Npm
前端·npm·node.js