vue第四天

路由

1.“router-link”

-生成A标签
-to属性
-“active-class”

 2."router-view"

-视图，显示被匹配组件的地方

3.“VueRouter”

-路由对象，需要实例化后配置到vue实例对象中

4路由规则

-一个数组，包含N多路由对象
-每个对象包括
-path
-component
-children //嵌套路由
-redirect // 重定义路由地址

5路由传参

-路由规则中配置path="/path/:id"
-'<router-link>‘或者’this.$router.push()‘中 ：/path/20
-目标路由通过’{{route.params.id}}‘来得到传过来的参数

6嵌套路由

-’<router-view>‘嵌套’<router-view>’
-路由规则中配置‘children’属性
-‘children’中的‘path’为相对路径，不加‘/’

7路由重定向

-在路由中定义redirect