1、嵌套路由
嵌套路由是做什么的?
话不多说,上代码:
app.vue和index.vue中各有一个router-view,主入口进入程序后app.vue中的router-view根据路由配置默认加载index
如果index.vue中的router-view想要加载optView,该怎么办呢?那就需要应用嵌套路由!
如果将optView与index放在同一级,那么optView将会加载到app.vue,从而替换掉index,这不是我们需要的,因此可以将optVIew放入index路由的children下,可以理解为optVIew属于index页面中的一个部分
2、动态路由
动态路由是做什么的呢?
常用在页面相同,参数不同的情况下,比如网站群的修改,左侧是站群树,右侧是某个站点的具体信息(每个站点显示的信息格式一致,内容不同),这种情况就需要用到动态路由了
先看下动态路由的配置方法:
path: 'website/:siteId'就是动态路由,参数用':参数名'表示
使用方法:
方法1: siteId是参数
方法2:编程式写法
router.push({ name: 'website', params: { siteId: 123 }})