vue第四天
2019-02-19 本文已影响0人
皇甫贝
路由
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
