ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

Vue案例——面经

2026/8/8 5:25:37 拓冰建站 浏览量
Vue案例——面经

案例解析

1.配置一级路由

2.配置嵌套子路由

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

3.实现高亮

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

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

6.重定向,返回上一页

7.获取参数后动态渲染

等待id获取后再进行渲染

8.缓存

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

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

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

总结