vue 路由配置技巧

路由配置技巧

常见的切换方式

url改变页面样式不变

这个path一定使用的是同一个组件，渲染了不同的数据。一般会使用query参数或者动态路由（params）去传递数据。这里的路由只需要设置一个

url改变页面样式改变

每个页面都需要单独配置路由

url改变，页面中某一部分改变

可以使用嵌套路由，在父组件中留下公共组件

少数派路由分析

/matrix Matrix社区 没有公共部分，是独立的路由
/special/nomo 相机陈列

下面路由都包含导航部分
/series 付费订阅
/topics 专题精选
/mall 正版软件
/page/tron Tron计划

/post/:id 文章详情id

用户中心 切换是只是切换下方的一些内容
/setting/profile 设置基本资料
/setting/account 账号和密码设置
/setting/notice 消息与邮件设置
/setting/auth 实名认证
/setting/token token设置

/message 私信