12.基于vue-router的案例
Posted songsongblue
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了12.基于vue-router的案例相关的知识，希望对你有一定的参考价值。
案例分析
用到的路由技术要点:
- 路由的基础用法
- 嵌套路由
- 路由重定向
- 路由传参
- 编程式导航
根据项目的整体布局划分好组件结构，通过路由导航控制组件的显示
1.抽离并渲染 App根组件
2.将左侧菜 单改造为路由链接
3.创建左侧菜 单对应的路由组件
4.在右侧主体区域添加路由占位符
5.添加子路由规则
6.通过路由重定向默认渲染用户组件
7.渲染用户列表数据
8.编程式导航跳转到用户详情页
- 实现后退功能
以上是关于12.基于vue-router的案例的主要内容，如果未能解决你的问题，请参考以下文章
axios请求拦截器响应拦截器vue-router路由导航守卫的使用(案例)
12.Kong入门与实战 基于Nginx和OpenResty的云原生微服务网关 --- 高级案例实战