route配置 vue_vue实践笔记系列三——vue-router路由配置

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 }})