【Vue】面经基础版-案例效果分析

面经效果演示

功能分析

• 通过演示效果发现，主要的功能页面有两个，一个是列表页，一个是详情页，并且在列表页点击时可以跳转到详情页
• 底部导航可以来回切换，并且切换时，只有上面的主题内容在动态渲染

实现思路分析：配置路由+功能实现

1.配置路由

• 首页和面经详情页，两个一级路由
• 首页内嵌套4个可切换的页面（嵌套二级路由）

2.实现功能

• 首页请求渲染
• 跳转传参 到 详情页，详情页动态渲染
• 组件缓存，性能优化